body { font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; color: #1F1F1F; background: #FFFFFF; line-height: 1.6; }
h1, h2, h3 { font-family: 'Oswald', sans-serif; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
header { background: #F4F4F4; position: sticky; top: 0; z-index: 10; }
.logo { height: 80px; }
nav ul { list-style: none; padding: 0; display: flex; justify-content: flex-end; }
nav li { margin-left: 20px; }
nav a { color: #1F1F1F; text-decoration: none; font-weight: 600; }
#hero { background: #FDD835; color: #1F1F1F; text-align: center; padding: 100px 0; }
#hero h1 { font-size: 48px; margin-bottom: 20px; }
#hero p { font-size: 24px; margin-bottom: 40px; }
.cta { background: #1F1F1F; color: #FFFFFF; padding: 15px 30px; text-decoration: none; font-weight: 600; display: inline-block; }
.cta:hover { background: #FDD835; color: #1F1F1F; }
section { padding: 60px 0; }
section:nth-child(even) { background: #F4F4F4; }
h2 { font-size: 36px; text-align: center; margin-bottom: 40px; }
.services-grid, .sectors-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.service-card, .sector-card { background: #FFFFFF; padding: 20px; border: 1px solid #F4F4F4; text-align: center; }
.service-card h3, .sector-card h3 { font-size: 24px; }
.link-more { color: #FDD835; text-decoration: none; font-weight: 600; }
.link-more:hover { text-decoration: underline; }
footer { background: #1F1F1F; color: #FFFFFF; text-align: center; padding: 20px 0; }
footer a { color: #FDD835; }
@media (max-width: 768px) { nav ul { flex-direction: column; align-items: center; } .logo { margin-bottom: 20px; } #hero { padding: 60px 0; } #hero h1 { font-size: 32px; } #hero p { font-size: 18px; } }