*{box-sizing:border-box}
body{margin:0;font-family:"Nunito",Arial,sans-serif;color:#222;background:#fff}
a{text-decoration:none;color:inherit}
header{margin:0 auto;max-width:1400px;padding:0 40px}
.bar{display:flex;align-items:center;justify-content:space-between;height:130px;border-bottom:2px solid #d9dde3;padding:0 100px;gap:24px}
.logo img{height:42px;display:block}
nav{display:flex;gap:42px;align-self:stretch}
nav a{font:15px Arial,sans-serif;color:#0a6b46;display:flex;align-items:center;height:100%;position:relative;top:1px;border-bottom:4px solid transparent}
nav a.active{border-bottom-color:#3db8ff}
.contact{display:flex;gap:42px;font-size:15px;color:#333}
.contact span{display:flex;align-items:center;gap:10px}
.contact svg{width:16px;height:16px;fill:#333}
.wrap{max-width:1175px;margin:0 auto;padding:60px 20px 80px;text-align:center}
h1{font:800 40px "Montserrat",sans-serif;margin:0 0 22px;color:#1c1c1e}
.lead{max-width:720px;margin:0 auto 52px;color:#777;font-size:16px;line-height:31px}
.tabs{display:flex;justify-content:center;gap:46px;margin-bottom:34px}
.tabs button{background:none;border:0;font:600 18px "Nunito",sans-serif;letter-spacing:.8px;color:#1c1c1e;padding:0 0 6px;cursor:pointer;border-bottom:3px solid transparent}
.tabs button.on{color:#6f42c1;border-bottom-color:#6f42c1}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:33px}
.card{display:block;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #eef0f4;aspect-ratio:600/550}
.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.card:hover img{transform:scale(1.05)}
.card.hide{display:none}
footer{max-width:1400px;margin:0 auto 40px;padding:0 40px}
.foot{background:#f5f6fb;box-shadow:0 -4px 12px rgba(0,0,0,.03);padding:0 62px;height:110px;display:flex;align-items:center;justify-content:space-between;color:#a8aad0;font-size:16px}
.soc{display:flex;gap:10px}.soc svg{width:20px;height:20px;fill:#6b6b6b}
#top{position:fixed;right:80px;bottom:90px;width:44px;height:46px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.12);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
#top svg{width:18px;height:18px;stroke:#3db8ff;fill:none;stroke-width:1.6}
@media(max-width:900px){.bar{height:auto;flex-wrap:wrap;padding:20px;justify-content:center}nav{gap:22px;flex-wrap:wrap;justify-content:center}nav a{height:40px}.contact{gap:18px;flex-wrap:wrap;justify-content:center}.grid{grid-template-columns:repeat(2,1fr);gap:16px}h1{font-size:30px}.foot{padding:0 24px}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.tabs{gap:24px}#top{right:16px;bottom:16px}}

.page{max-width:900px;margin:0 auto;padding:60px 20px 80px}
.page h1{text-align:center}
.page p{color:#666;line-height:30px;font-size:16px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
.box{border:1px solid #eef0f4;border-radius:10px;padding:26px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.box h3{margin:0 0 8px;font:700 20px "Nunito",sans-serif;color:#1c1c1e}
form label{display:block;font-weight:600;margin:14px 0 6px;color:#333}
form input,form textarea{width:100%;padding:12px 14px;border:1px solid #d9dde3;border-radius:6px;font:16px "Nunito",sans-serif}
form button{margin-top:18px;background:#6f42c1;color:#fff;border:0;border-radius:6px;padding:13px 32px;font:700 16px "Nunito",sans-serif;cursor:pointer}
@media(max-width:700px){.cols{grid-template-columns:1fr}}