:root{
  --font-primary:'Open Sans', sans-serif;
  --font-secondary:'Open Sans', sans-serif;
  --header-bg: rgb(139,165,166);
  --header-bg-scrolled: rgb(106,137,138);
  --nav-link:#0d141a;
  --nav-link-hover: rgb(35,124,201);
  --footer-bg:#233942;
  --ink:#1a1a1a;
  --body-text: rgb(13,20,26);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-secondary); color:var(--ink); background:#fff; line-height:1.5;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-primary); font-weight:600; line-height:1.3; margin:0;}
h1{font-size:56px;}
h2{font-size:40px;}
h3{font-size:26px;}
@media (max-width:860px){
  h1{font-size:36px;}
  h2{font-size:28px;}
  h3{font-size:22px;}
}

/* Header */
header{
  position:sticky; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:30px 16px;
  background:var(--header-bg);
  transition:background .3s ease, padding .3s ease;
}
header.scrolled{
  background:var(--header-bg-scrolled);
  padding:16px;
  box-shadow:0 2px 10px rgba(0,0,0,0.12);
}
.header-inner{
  width:100%; max-width:1240px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
}
.brand{display:flex; align-items:center; white-space:nowrap;}
.brand img{height:56px; width:auto; transition:height .3s ease;}
header.scrolled .brand img{height:44px;}
nav ul{display:flex; gap:28px; list-style:none; align-items:center;}
nav a{color:var(--nav-link); font-size:16px; font-weight:400; transition:color .2s ease;}
nav a:hover{color:var(--nav-link-hover);}
.burger{display:none; background:none; border:none; cursor:pointer; padding:8px;}
.burger svg{width:28px; height:28px; color:var(--nav-link); display:block;}
@media (max-width:1100px){
  nav ul{gap:18px;}
  nav a{font-size:15px;}
}
@media (max-width:860px){
  nav{
    display:none; position:absolute; top:100%; left:0; right:0;
    background:var(--header-bg-scrolled); padding:24px 16px;
  }
  nav.mobile-open{display:block;}
  nav.mobile-open ul{flex-direction:column; align-items:flex-start; gap:20px;}
  nav.mobile-open a{color:#fff; font-size:18px;}
  .burger{display:block;}
}

/* Footer */
footer{background:var(--footer-bg); color:#fff; padding:32px 16px;}
.footer-inner{
  max-width:1224px; margin:0 auto;
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
footer p{margin:0; font-size:14px; text-align:center;}
footer .footer-links{display:flex; flex-wrap:wrap; justify-content:center; gap:8px 22px; font-size:14px;}
footer .footer-links a{opacity:.9;}
footer .footer-links a:hover{opacity:1; text-decoration:underline;}