.home-page{padding-bottom:0}
.hero{max-width:1180px; margin:0 auto; overflow:hidden; background:#dcecf8; box-shadow:0 12px 34px rgba(17,55,95,.1)}
.hero-in{position:relative; min-height:456px; display:block; padding-top:52px; padding-bottom:40px; overflow:hidden}
.hero-img{position:absolute; inset:0; z-index:0; margin:0}
.hero-img picture,.hero-img img{display:block; width:100%; height:100%}
.hero-img img{object-fit:cover; object-position:center center}
.hero-text{position:relative; z-index:2; max-width:500px; padding:0}
.hero h1{margin:0 0 14px; color:#063b75; font-size:36px; line-height:1.08; font-weight:900; text-transform:uppercase; letter-spacing:.6px}
.hero p{margin:0 0 24px; color:#102943; font-size:18px; line-height:1.45; font-weight:700}
.hero-actions{display:grid; width:245px; gap:12px}
.ha{display:flex; align-items:center; gap:10px; min-height:54px; border-radius:7px; padding:0 18px; color:#fff!important; font-weight:700; box-shadow:0 8px 18px rgba(10,56,104,.14)}
.ha .hi{width:24px; height:24px; flex:0 0 24px; color:#fff}
.ha-blue{background:#2068bd}.ha-red{background:#ef3d22}.ha-green{background:#28a745}
.home-stats{max-width:1180px; margin:0 auto; background:#123f83; color:#fff; box-shadow:0 12px 34px rgba(17,55,95,.1)}
.stats-grid{display:grid; grid-template-columns:repeat(4,1fr); padding-top:0; padding-bottom:0}
.stat-item{display:flex; align-items:flex-start; gap:16px; min-height:108px; padding:22px 30px 18px; border-right:1px solid rgba(255,255,255,.22)}
.stat-item:last-child{border-right:0}
.stat-ico{display:flex; width:36px; height:36px; flex:0 0 36px; margin-top:2px; color:#fff}
.stat-ico .hi{width:36px; height:36px}
.stat-item b{display:block; color:#fff; font-size:31px; line-height:1; font-weight:900; letter-spacing:.2px; margin-bottom:7px}
.stat-item em{display:block; color:#fff; font-size:13px; line-height:1.25; font-style:normal; font-weight:700; text-transform:uppercase}
.delivery-note{max-width:1180px; margin:0 auto; background:#fff; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #edf2f8}
.delivery-note p{margin:0; color:#2b4058; font-size:18px}
.section-head{display:flex; align-items:center; justify-content:space-between; margin:34px 0 18px}
.section-head h2{margin:0; color:#0b2e55; font-size:28px; font-weight:900}
.section-head a{font-size:14px; font-weight:700}
.service-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.service-card{display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-height:178px; background:#fff; border:1px solid #dce6f1; border-radius:12px; text-align:center; padding:24px 16px 20px; color:#0b2e55!important; box-shadow:0 8px 22px rgba(17,55,95,.04); transition:.18s}
.service-card:hover{transform:translateY(-2px); border-color:#c7d8ec; box-shadow:0 14px 28px rgba(17,55,95,.1)}
.service-icon{display:flex; align-items:center; justify-content:center; width:64px; height:64px; margin-bottom:15px; border-radius:50%; background:#eef5ff; color:#2866b7}
.service-icon .hi{width:32px; height:32px}
.service-card b{display:block; min-height:42px; color:#0b2e55; font-size:16px; line-height:1.25}
.service-card span:last-child{display:block; margin-top:9px; color:#2362af; font-size:13px; line-height:1.3; font-weight:700}
.home-news{padding-bottom:30px}
.news-layout{display:grid; grid-template-columns:1.2fr .8fr; gap:30px; align-items:stretch}
.news-list{display:grid; gap:12px}
.news-row{display:grid; grid-template-columns:90px 1fr; gap:14px; background:#fff; border-radius:10px; border:1px solid #e1e9f2; padding:12px; color:#17385c!important}
.news-row time{display:flex; align-items:center; justify-content:center; height:32px; border-radius:6px; background:#ef3d22; color:#fff; font-size:12px; font-weight:700}
.news-row b{display:block; color:#0b2e55; font-size:15px; margin-bottom:5px}
.news-row em{display:block; color:#405771; font-style:normal; font-size:13px; line-height:1.32; max-height:36px; overflow:hidden}
.news-layout>img{width:100%; height:100%; min-height:210px; object-fit:cover; border-radius:12px; border:1px solid #e1e9f2; background:#f5f9fd}
.home-features{background:#f8fbff; border-top:1px solid #e1e9f2; padding:18px 0; margin-top:10px}
.feature-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
.feature-grid div{display:flex; align-items:center; gap:12px; color:#0b2e55; font-weight:700; font-size:14px}
.feature-grid .hi{width:34px; height:34px; color:#0c4a8f; flex:0 0 34px}
.hi{display:block; fill:none; color:inherit}
.muted{color:#6a7b91}
@media(max-width:900px){
	.hero{margin:0 12px}
	.hero-in{min-height:390px}
	.hero h1{font-size:30px}
	.stats-grid{grid-template-columns:repeat(2,1fr)}
	.stat-item:nth-child(2){border-right:0}
	.stat-item:nth-child(1),.stat-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.22)}
	.service-grid{grid-template-columns:repeat(2,1fr)}
	.news-layout{grid-template-columns:1fr}
	.feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
	.hero{border-radius:0; margin:0}
	.hero-in{min-height:500px; padding:24px 18px}
	.hero-img img{object-position:center bottom}
	.hero h1{font-size:25px}
	.hero p{font-size:15px; margin-bottom:16px}
	.hero-actions{width:100%; gap:9px}
	.ha{min-height:50px}
	.stats-grid{grid-template-columns:1fr 1fr}
	.stat-item{min-height:auto; padding:16px 12px; gap:10px}
	.stat-ico{width:28px; height:28px; flex-basis:28px}
	.stat-ico .hi{width:28px; height:28px}
	.stat-item b{font-size:24px}
	.stat-item em{font-size:11px}
	.delivery-note p{font-size:15px}
	.section-head{margin:26px 0 14px}
	.section-head h2{font-size:23px}
	.service-grid{grid-template-columns:1fr}
	.service-card{min-height:152px}
	.news-row{grid-template-columns:78px 1fr; gap:10px}
	.feature-grid{grid-template-columns:1fr}
	.home-services,.home-news{padding-left:12px; padding-right:12px}
}