*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.7;color:#666;background:#fff}
a{color:#03528e;text-decoration:none;transition:opacity .2s}
a:hover{opacity:.85}
img{max-width:100%;height:auto;display:block}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4{color:#333;font-weight:600;line-height:1.3}
.top-bar{background:#03528e;color:#fff;font-size:14px;font-weight:600}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 20px}
.top-bar a{color:#fff}
.top-bar nav ul{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none}
.phone-link{display:inline-flex;align-items:center;gap:6px}
.site-header{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1);position:sticky;top:0;z-index:100}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;position:relative}
.logo img{width:280px;height:40px;max-height:40px;object-fit:contain}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}
.menu-toggle svg{display:block}
.main-nav ul{display:flex;align-items:center;gap:4px;list-style:none}
.main-nav>ul>li{position:relative}
.main-nav>ul>li>a{display:block;padding:10px 14px;color:#666;font-weight:500}
.main-nav>ul>li>a:hover,.main-nav>ul>li.active>a{color:#03528e}
.main-nav .submenu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-top:3px solid #03528e;box-shadow:0 2px 5px rgba(0,0,0,.1);list-style:none;padding:12px 0;opacity:0;visibility:hidden;transform:translateY(8px)}
.main-nav li:hover>.submenu,.main-nav li:focus-within>.submenu{opacity:1;visibility:visible;transform:translateY(0)}
.main-nav .submenu a{display:block;padding:8px 20px;color:#666;white-space:nowrap}
.main-nav .submenu a:hover{color:#03528e;background:rgba(3,82,142,.05)}
.main-nav .submenu a.active{color:#03528e;font-weight:600}
.hero{position:relative;overflow:hidden;min-height:280px;padding:100px 0 90px}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(3,82,142,.72),rgba(3,82,142,.55));z-index:1}
.hero .container{position:relative;z-index:2}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.04em;text-transform:uppercase}
.hero h1 a{color:#fff}
.services{padding:54px 0;background:#f7f9fb}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.service-card{background:#fff;border:1px solid #e5e5e5}
.service-card h2{background:#03528e;color:#fff;padding:12px 16px;font-size:15px;letter-spacing:.03em;text-transform:uppercase;font-weight:600}
.service-card img{width:100%;height:100px;object-fit:cover;border-bottom:1px solid #e5e5e5;aspect-ratio:12/5}
.service-card p{padding:16px;text-align:justify}
.service-card .btn-wrap{padding:0 16px 20px;text-align:center}
.btn{display:inline-block;padding:8px 24px;border:2px solid #03528e;color:#03528e;font-size:16px;font-weight:500;border-radius:3px;cursor:pointer;background:transparent}
.btn:hover{background:#03528e;color:#fff;opacity:1}
.cta{background:#03528e;color:#fff;text-align:center;padding:54px 20px}
.cta h2{font-size:clamp(1.25rem,3vw,1.75rem);color:#fff;margin-bottom:12px}
.cta p{margin-bottom:8px;color:rgba(255,255,255,.9)}
.cta h3{font-size:1.25rem;color:#fff;font-weight:500;margin-top:12px}
.cta a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.cta a:hover{color:#e0f4ff;opacity:1}
.content{padding:54px 0}
.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}
.section-title{background:#03528e;color:#fff;padding:10px 14px;font-size:15px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:20px;font-weight:600}
.articles{display:flex;flex-direction:column;gap:24px}
.article{display:grid;grid-template-columns:200px 1fr;gap:14px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}
.article:last-child{border-bottom:0;padding-bottom:0}
.article img{width:200px;height:150px;object-fit:cover;border:1px solid #ccc;padding:2px;aspect-ratio:4/3}
.article h3{font-size:18px;margin-bottom:6px;font-weight:600}
.article h3 a{color:#333}
.article h3 a:hover{color:#03528e}
.contact-form{display:flex;flex-direction:column;gap:12px}
.contact-form input{width:100%;padding:12px 14px;border:1px solid #ddd;background:#eee;font:inherit;color:#333;border-radius:0}
.contact-form input:focus{outline:2px solid #03528e;border-color:#03528e}
.captcha-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.captcha-row input{width:60px;padding:8px}
.site-footer{background:#03528e;color:#fff}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:48px 20px}
.footer-col h3{font-size:16px;color:#fff;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid #fff;text-transform:uppercase;font-weight:600}
.footer-col p,.footer-col a{color:#fff;line-height:2}
.footer-col a:hover{color:#ccc;opacity:1}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-block;padding:2px 8px;background:rgba(255,255,255,.12);border-radius:3px;font-size:12px;color:#fff}
.tag:hover{background:rgba(255,255,255,.22);opacity:1}
.footer-copy{background:#000;color:#999;text-align:left;padding:12px 20px;font-size:13px}
.page-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px;padding:54px 0}
.page-main h1{font-size:26px;margin-bottom:20px}
.post-body p{margin-bottom:16px;text-align:justify}
.post-body h2{font-size:16px;margin:24px 0 10px;color:#03528e;font-weight:600}
.post-body img{margin-bottom:20px;border:1px solid #e5e5e5}
.post-body ul,.post-body ol{margin:0 0 16px 24px}
.post-body li{margin-bottom:8px}
.post-body strong{color:#333}
.sidebar-card{background:#03528e;color:#fff;padding:14px;margin-bottom:20px}
.sidebar-card h2,.sidebar-card h3{font-size:15px;color:#fff;margin-bottom:8px;text-transform:uppercase;font-weight:600}
.sidebar-card a{color:#fff;font-size:18px;font-weight:600}
@media(max-width:980px){
.page-layout{grid-template-columns:1fr}
.services-grid{grid-template-columns:1fr}
.content-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
.menu-toggle{display:block}
.main-nav{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:0;overflow:hidden}
.main-nav.open{max-height:80vh;overflow-y:auto}
.main-nav ul{flex-direction:column;align-items:stretch;padding:12px 0}
.main-nav>ul>li>a{padding:12px 20px;border-bottom:1px solid #eee}
.main-nav .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:0;padding:0 0 8px 20px;display:none}
.main-nav li.sub-open>.submenu{display:block}
.article{grid-template-columns:1fr}
.article img{width:100%;height:auto;max-height:200px}
.hero{padding:70px 0}
.top-bar nav ul{gap:8px}
}