body{font-family:Arial, sans-serif;margin:0;color:#333}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.nav{display:flex;gap:16px}
.nav a{text-decoration:none;color:#333}
.btn{border:1px solid #0077ff;color:#0077ff;padding:8px 12px;border-radius:6px;text-decoration:none}
.btn.primary{background:#0077ff;color:#fff}
.hero{padding:60px 0;background:#f8f8f8}
.hero-inner{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.hero-media img{max-width:400px;width:100%}
.section{padding:50px 0}
.section.alt{background:#fafafa}
.section-title{margin-bottom:20px;font-size:1.5rem}
.grid{display:grid;gap:16px}
.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card{padding:20px;background:#fff;border:1px solid #eee;border-radius:8px;text-align:center}
.cases{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.case{padding:20px;background:#fff;border:1px solid #eee;border-radius:8px;text-align:center}
.contact-form{display:flex;flex-direction:column;gap:12px}
.contact-form input,.contact-form textarea{padding:10px;border:1px solid #ccc;border-radius:6px;width:100%}
.site-footer{background:#222;color:#fff;text-align:center;padding:20px 0;margin-top:40px}