body{margin:0;font-family:system-ui;background:#f4f8f4}
.site-header{background:#fff;border-bottom:1px solid #eee}
.nav{max-width:1200px;margin:auto;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}
.logo{height:36px}
.nav-links{display:flex;gap:32px;list-style:none}
.nav a{text-decoration:none;color:#111}
.btn{padding:12px 24px;border-radius:999px;text-decoration:none}
.btn-outline{border:1px solid #111}
.btn-primary{background:#111;color:#fff}

.hero{min-height:80vh;display:flex;align-items:center}
.hero-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:0 40px}
.hero-text h1{font-size:64px;line-height:1.05}
.hero-text p{margin:20px 0 40px;color:#555}
.hero-image img{width:100%;border-radius:32px}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.hero-text h1{font-size:44px}
}