:root{
--primary:#0b3b69;
--accent:#c00000;
--text:#243447;
--glass:rgba(255,255,255,.78);
--shadow:0 12px 36px rgba(0,0,0,.18);
--radius:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:"Century Gothic","Segoe UI",Arial,sans-serif;
color:var(--text);
background:#eef4f9 url("../images/icgbg.jpg") center/cover fixed no-repeat;
line-height:1.6;
}
.container{width:min(1280px,92%);margin:auto}
.site-header{
position:fixed;top:0;left:0;right:0;z-index:1000;
background:#fff;
backdrop-filter:none;
-webkit-backdrop-filter:none;
box-shadow:0 4px 24px rgba(0,0,0,.08);
transition:.35s}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:82px}
.logo img{height:62px;width:auto}
nav ul{display:flex;list-style:none;gap:22px}
nav a{color:var(--text);text-decoration:none;font-size:15px;position:relative}
nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:.3s}
nav a:hover{color:var(--primary)}
nav a:hover:after{width:100%}
.hamburger{display:none;background:none;border:0;cursor:pointer}
.hamburger span{display:block;width:28px;height:3px;background:#333;margin:5px 0;border-radius:2px}
.hero{position:relative;height:100vh;min-height:720px;display:flex;align-items:center;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:ken 40s ease-in-out infinite alternate}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,28,56,.58),rgba(6,28,56,.18))}
.hero-content{position:relative;color:#fff;max-width:760px;animation:fade 1.4s}
.hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.02;text-shadow:0 8px 24px rgba(0,0,0,.35)}
.hero p{font-size:1.25rem;margin:24px 0 36px}
.btn{display:inline-block;padding:14px 28px;border-radius:40px;text-decoration:none;font-weight:700;transition:.3s;margin-right:12px}
.btn-primary{background:var(--accent);color:#fff}
.btn-secondary{border:2px solid #fff;color:#fff}
.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;padding:90px 0}
.services article{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);transition:.3s}
.services article:hover{transform:translateY(-8px)}
footer{background:#071827;color:#dbe8f5;padding:70px 0 20px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px}
.footer-grid h3{margin-bottom:14px;color:#fff}
.footer-grid a{display:block;color:#cfdceb;text-decoration:none;padding:5px 0}
.footer-grid a:hover{color:#fff}
.copyright{text-align:center;margin-top:40px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}
@keyframes ken{from{transform:scale(1)}to{transform:scale(1.04)}}
@keyframes fade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:900px){
.hamburger{display:block}
nav{display:none}
.hero{min-height:560px}
.hero h1{font-size:3rem}
}
@media(prefers-color-scheme:dark){
.site-header{background:rgba(15,22,35,.82)}
body{color:#e8eef5}
.services article{background:#102133;color:#e8eef5}
}

.site-header{background:#fff!important;z-index:3000}.site-header.scrolled{background:#fff!important}.logo img{height:58px}@media(max-width:900px){.site-header .container{position:relative;height:72px}.hamburger{display:block;position:relative;z-index:4000}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff}nav.open{display:block}nav ul{flex-direction:column;gap:0}nav a{display:block;padding:14px 20px}}