*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:#111}
.hero{min-height:72vh;display:flex;align-items:center;justify-content:center;background:#fff}
.container{width:100%;max-width:1080px;margin:0 auto;padding:24px}
.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.hero .tagline{font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:#545}
.cta{padding:14px 22px;border:1px solid #111;background:#111;color:#fff;text-decoration:none;display:inline-block}
.cta:hover{opacity:.9}
.section{padding:56px 0;border-top:1px solid #eee;background:#fff}
.h2{font-size:28px;margin:0 0 16px 0;letter-spacing:.04em}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{border:1px solid #eee;padding:16px;background:#fff}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gallery .ph{height:160px;background:#F3F0EC;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;color:#666}
.footer{padding:40px 0;border-top:1px solid #eee;color:#666;font-size:14px}
.logo{max-width:360px;width:90%;height:auto}
.small{font-size:13px;color:#666}
.nav{display:flex;gap:18px;justify-content:center;margin-top:10px}
.nav a{color:#111;text-decoration:none;border-bottom:1px solid transparent}
.nav a:hover{border-color:#111}
.badge{font-size:12px;border:1px solid #ddd;padding:6px 10px;color:#333;display:inline-block}