/* Reset and base */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial; color:#222;background:#fff;line-height:1.4}
.container{max-width:1000px;margin:0 auto;padding:0 16px}

/* Header */
.site-header{background:#333;color:#fff;position:sticky;top:0;z-index:10}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.brand{color:#fff;text-decoration:none;font-weight:700}
.nav{display:flex;gap:16px}
.nav a{color:#fff;text-decoration:none;padding:8px;border-radius:4px}
.nav a:hover{background:rgba(255,255,255,0.08)}
.nav-toggle{display:none;background:transparent;border:none;color:#fff;font-size:20px}

/* Hero */
.hero img{width:100%;height:auto;display:block}

/* Footer */
.site-footer{background:#f5f5f5;color:#333;padding:24px 0;text-align:center;margin-top:24px}
.site-footer p{margin:6px 0}

/* Responsive */
@media(max-width:700px){
  .nav{display:none;flex-direction:column;background:#333;width:100%;padding:8px 0}
  .nav.show{display:flex}
  .nav-toggle{display:inline-block}
  .site-header .container{padding:8px 12px}
}