* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; color: #1a1a1c; background: #fafbfc; line-height: 1.55; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
.banner-bar { background: #fff8d6; color: #6b5800; padding: 8px 16px; text-align: center; font-size: 13px; }
.banner-bar a { color: #6b5800; margin-left: 12px; text-decoration: none; }
.topnav { display: flex; justify-content: space-between; align-items: center; padding: 18px 24px; border-bottom: 1px solid #ececef; }
.topnav nav a { margin-left: 22px; color: #5b5b62; font-size: 13px; text-decoration: none; }
.hero { padding: 60px 0 40px; }
.eyebrow { color: #0066cc; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 18px; }
.headline { font-size: 38px; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 14px; font-weight: 700; }
.sub { font-size: 17px; color: #5b5b62; max-width: 540px; margin-bottom: 28px; }
.cta-row { display: flex; gap: 12px; }
.btn { display: inline-block; padding: 11px 20px; font-size: 14px; font-weight: 600; border-radius: 4px; text-decoration: none; }
.btn-primary { background: #0066cc; color: #fff; }
.btn-secondary { border: 1px solid #d0d0d6; color: #1a1a1c; background: transparent; }
.services { padding: 50px 0; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.services h2, .about h2, .contact h2 { font-size: 26px; margin-bottom: 24px; font-weight: 700; }
.service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 800px) { .service-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .service-grid { grid-template-columns: 1fr; } }
.service-card { background: #f8f9fa; padding: 20px; border-radius: 6px; }
.service-card h3 { font-size: 15px; margin-bottom: 8px; font-weight: 600; }
.service-card p { font-size: 14px; color: #5b5b62; }
.about, .contact { padding: 50px 0; }
.contact a { color: #0066cc; text-decoration: none; }
.footer { padding: 36px 0; background: #f0f0f3; border-top: 1px solid #ddd; }
.watermark { font-size: 13px; color: #5b5b62; max-width: 700px; }