header{position:sticky;top:0;background:rgba(251,251,249,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-family:Georgia,serif;font-size:20px;font-weight:700}
.logo em{color:var(--acc);font-style:normal}
.nav a.gh{font-size:14px;color:var(--mut);text-decoration:none;border:1px solid var(--line);padding:7px 14px;border-radius:999px}
.nav a.gh:hover{color:var(--acc);border-color:var(--acc)}
.hero{padding:72px 0 34px;text-align:center;max-width:780px;margin:0 auto}
.hero h1{font-size:46px;line-height:1.15;margin-bottom:16px}
.hero p{font-size:18px;color:var(--mut)}
.badge{display:inline-block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);border:1px solid #cfe3da;background:#eef6f2;border-radius:999px;padding:5px 14px;margin-bottom:18px}
section{padding:40px 0}
.secTitle{text-align:center;font-size:28px;margin-bottom:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.lab-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:start;padding-bottom:60px}
footer{border-top:1px solid var(--line);padding:26px 0;font-size:14px;color:var(--mut)}
@media(max-width:920px){.grid5,.grid3{grid-template-columns:1fr 1fr}.lab-grid{grid-template-columns:1fr}.hero h1{font-size:34px}}
@media(max-width:560px){.grid5,.grid3{grid-template-columns:1fr}}