*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:Arial,sans-serif;color:#1a1a1a;line-height:1.7;background:#fff;}
img{max-width:100%;}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:1000;}
.container{width:92%;max-width:1200px;margin:auto;}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:20px;}
.nav img{height:46px;}
.nav ul{display:flex;gap:28px;list-style:none;flex-wrap:wrap;}
.nav a{text-decoration:none;color:#0f2350;font-weight:bold;font-size:15px;}
.hero{display:flex;align-items:center;background:#eef4ff;min-height:78vh;}
.hero-text{flex:1;padding:60px;}
.hero-text h1{font-size:62px;color:#102a5c;line-height:1.25;margin-bottom:28px;}
.hero-text p{font-size:20px;margin-bottom:32px;}
.hero-image{flex:1;}
.hero-image img{width:100%;height:78vh;object-fit:cover;}
.btn{display:inline-block;background:#0f2350;color:#fff;padding:16px 28px;border-radius:12px;text-decoration:none;font-weight:bold;}
.section{padding:80px 0;}
.section-title{text-align:center;color:#102a5c;margin-bottom:50px;font-size:38px;}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.card{padding:32px 24px;border:1px solid #eee;border-radius:16px;text-align:center;background:#fff;}
.card h3{margin-bottom:10px;color:#102a5c;}
.contact{background:#f4f7fc;border-radius:20px;padding:50px 30px;text-align:center;}
footer{background:#0f2350;color:#fff;text-align:center;padding:28px 0;margin-top:60px;}
.company-wrap{padding:80px 0;text-align:center;}
.company-wrap h1{font-size:56px;color:#102a5c;line-height:1.4;}
.company-wrap img{width:250px;margin:35px auto;}
.company-table{width:100%;border-collapse:collapse;margin-top:40px;}
.company-table th,.company-table td{border:1px solid #ddd;padding:18px;text-align:left;word-break:break-word;}
.company-table th{width:220px;background:#f7f7f7;}

@media(max-width:900px){
.nav{flex-direction:column;align-items:flex-start;}
.hero{flex-direction:column;}
.hero-text{padding:40px 24px;}
.hero-text h1{font-size:42px;}
.hero-text p{font-size:17px;}
.hero-image img{height:auto;}
.services{grid-template-columns:1fr 1fr;}
.company-wrap h1{font-size:38px;}
.company-table,.company-table tbody,.company-table tr,.company-table th,.company-table td{display:block;width:100%;}
.company-table tr{margin-bottom:12px;}
.company-table th{border-bottom:none;}
}

@media(max-width:600px){
.nav ul{gap:12px;font-size:14px;}
.hero-text h1{font-size:34px;}
.hero-text{padding:32px 20px;}
.services{grid-template-columns:1fr;}
.contact{padding:36px 20px;}
.company-wrap h1{font-size:30px;}
}