:root{--navy:#112846;--blue:#1f5fae;--green:#2b8d61;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--bg:#f7f9fc}
*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans KR',sans-serif;color:var(--text)}a{text-decoration:none;color:inherit}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.top{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{height:38px}.brand small{display:block;color:var(--muted)}
nav{display:flex;gap:20px;font-size:14px}.cta{background:var(--blue);color:#fff;padding:10px 14px;border-radius:8px}
.hero{background:linear-gradient(110deg,rgba(12,31,58,.92),rgba(19,60,107,.78)),#28415f;color:#fff}
.hero .wrap{max-width:1180px;margin:auto;padding:80px 22px}.hero h1{font-size:44px;margin:0 0 14px}.hero p{font-size:18px;line-height:1.7;max-width:760px}
section{padding:60px 22px}.wrap{max-width:1180px;margin:auto}.eyebrow{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:.08em}
h2{font-size:34px;margin:8px 0 14px}.lead{color:var(--muted);line-height:1.8;max-width:840px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.stat{font-size:34px;font-weight:900;color:var(--navy)}.muted{color:var(--muted)}
.timeline{border-left:3px solid #dbe7f5;padding-left:22px}.timeline div{margin:18px 0}.timeline b{color:var(--blue)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.case img{width:100%;height:220px;object-fit:cover}.case .body{padding:16px}.tag{display:inline-block;background:#eef4fb;color:#245b9c;padding:5px 8px;border-radius:20px;font-size:12px}
.machine-photo{height:220px;border-radius:12px;background:#e9eef5;display:grid;place-items:center;color:#667085;font-weight:800}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table th{background:#f8fafc}
.cta-band{background:var(--navy);color:#fff;border-radius:18px;padding:34px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.btn{display:inline-block;padding:12px 16px;border-radius:8px;font-weight:800}.primary{background:#fff;color:var(--navy)}.secondary{background:var(--green);color:#fff}
footer{background:#0b1729;color:#c2ccda;padding:30px 22px;margin-top:40px}footer .wrap{display:flex;justify-content:space-between;gap:20px;font-size:13px}
@media(max-width:900px){nav{display:none}.grid3,.grid2,.case-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.cta-band,footer .wrap{display:block}}