/* Общие стили */
body { font-family: "Hiragino Sans", "Meiryo", Arial, sans-serif; margin: 0; padding: 0; color: #333; line-height: 1.8; background: #fff; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* Шапка */
header { padding: 25px 0; background: #fff; border-bottom: 1px solid #f0f0f0; }
.logo { font-size: 22px; font-weight: bold; color: #0056b3; float: left; letter-spacing: 0.5px; }
nav { float: right; }
nav a { margin-left: 25px; text-decoration: none; color: #555; font-size: 14px; font-weight: 500; }
nav a:hover { color: #0056b3; }

/* Hero секция */
.hero { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); padding: 100px 0; text-align: center; clear: both; }
.hero h1 { font-size: 42px; margin-bottom: 20px; color: #1a1a1a; line-height: 1.3; }
.hero p { font-size: 18px; color: #555; max-width: 700px; margin: 0 auto; }

/* Сетка услуг */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.card { background: #fff; border: 1px solid #eee; padding: 30px; border-radius: 10px; transition: transform 0.3s ease; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.card h3 { color: #0056b3; margin-top: 0; }

/* Таблица в контактах */
.info-table { width: 100%; border-collapse: collapse; margin-top: 30px; }
.info-table th { background: #f8f9fa; border: 1px solid #eee; padding: 15px; text-align: left; width: 30%; }
.info-table td { border: 1px solid #eee; padding: 15px; }

/* Футер */
footer { background: #1a1a1a; color: #fff; padding: 50px 0; text-align: center; }
.footer-links a { color: #aaa; text-decoration: none; font-size: 13px; }
.footer-links a:hover { color: #fff; }

@media (max-width: 768px) {
    .hero h1 { font-size: 28px; }
    .logo, nav { float: none; text-align: center; }
    nav { margin-top: 20px; }
}