.hero{justify-content:space-between;align-items:center;gap:4rem;min-height:100vh;padding:80px 5% 0;display:flex}.hero-left{flex:1}.hero h2{letter-spacing:-2px;margin-bottom:1.5rem;font-weight:800}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:1rem;font-size:1.25rem}.hero-right{flex:1;justify-content:center;display:flex;position:relative}.hero-img-wrapper{border-radius:24px;position:relative;overflow:hidden;box-shadow:20px 20px 60px #d1d9e6,-20px -20px 60px #fff}.hero img{object-fit:cover;width:100%;height:auto;display:block}.about{text-align:center}.about h1{text-align:center;margin-bottom:2rem}.about p{max-width:800px;color:var(--text-muted);text-align:center;margin:0 auto;line-height:1.8}.services{text-align:center}.services h1{text-align:center;margin-bottom:3rem}.cards{grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;margin-top:3rem;display:grid}.card{border:1px solid var(--border);transition:var(--transition);text-align:center;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;padding:3rem 2rem;display:flex}.card:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translateY(-10px)}.card h2{margin-bottom:1rem;font-size:1.5rem}.card p{color:var(--text-muted);line-height:1.6}@media (max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:968px){.hero{text-align:center;flex-direction:column;padding-top:120px}.hero-left,.hero-right{width:100%}.hero-right{margin-top:3rem}.button-row{justify-content:center}}@media (max-width:640px){.cards{grid-template-columns:1fr}}