/* style.css */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; color: #333; line-height: 1.6; }

/* Navigation */
header { padding: 1.5rem 10%; display: flex; justify-content: space-between; align-items: center; }
nav ul { display: flex; list-style: none; gap: 2rem; align-items: center; }
nav a { text-decoration: none; color: #555; font-weight: 500; }
.btn { padding: 0.6rem 1.2rem; border: 1px solid #333; border-radius: 4px; }

/* Hero Section */
.hero { 
    height: 80vh; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    text-align: center;
    background: #f9f9f9;
}
.hero h1 { font-size: 3.5rem; margin-bottom: 1rem; }
.cta { margin-top: 2rem; padding: 1rem 2.5rem; background: #333; color: #fff; text-decoration: none; border-radius: 5px; }

/* Features Grid */
.features { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
    gap: 2rem; 
    padding: 5rem 10%; 
}
.features article { padding: 2rem; border: 1px solid #eee; border-radius: 8px; }