:root{
  --green:#3fa15e;
  --green-dark:#2c7a45;
  --blue:#3f7fa1;
  --ink:#233026;
  --muted:#66756c;
  --bg:#ffffff;
  --panel:#f4f8f5;
  --border:#dfe8e1;
}
*{box-sizing:border-box;}
body{
  margin:0;font-family:'Segoe UI',Roboto,Tahoma,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.6;
}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

.topbar{background:var(--green-dark);color:#fff;font-size:13px;}
.topbar .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:8px 24px;}

header.main{padding:22px 0;border-bottom:3px solid var(--green);}
header.main .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;}
.brand{display:flex;align-items:center;gap:14px;}
.brand img{width:56px;height:56px;border-radius:10px;object-fit:contain;background:var(--panel);}
.brand h1{margin:0;font-size:21px;}
.brand p{margin:2px 0 0;color:var(--muted);font-size:13px;}
.contact-block{text-align:right;font-size:14px;}
.contact-block .phone{font-weight:700;font-size:18px;color:var(--green-dark);}

nav.pagenav{background:var(--panel);border-bottom:1px solid var(--border);}
nav.pagenav .wrap{display:flex;gap:22px;flex-wrap:wrap;padding:10px 24px;}
nav.pagenav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:13.5px;}

.stats{padding:40px 0;background:var(--green-dark);color:#fff;}
.stats .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;text-align:center;}
.stats .num{font-size:32px;font-weight:700;}
.stats .label{font-size:14px;color:#dcf0e2;margin-top:4px;}

section{padding:48px 0;}
section h2{font-size:23px;margin:0 0 6px;text-align:center;}
section .lede{text-align:center;color:var(--muted);margin:0 auto 30px;max-width:600px;font-size:14px;}

.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.info-card{border:1px solid var(--border);border-radius:12px;padding:20px 22px;background:var(--panel);}
.info-card h3{margin:0 0 12px;font-size:14.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--green-dark);border-bottom:2px solid var(--green);padding-bottom:8px;}
.info-card p{margin:4px 0;font-size:14px;}
.info-card .k{color:var(--muted);}

.phones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;}
.phone-card{border:1px solid var(--border);border-radius:12px;padding:20px;}
.phone-card h3{margin:0 0 10px;font-size:14.5px;color:var(--green-dark);}
.phone-card .num{font-size:16px;font-weight:600;margin:4px 0;}

.employees-group{margin-bottom:26px;}
.employees-group h3{font-size:15px;color:var(--green-dark);border-bottom:2px solid var(--green);display:inline-block;padding-bottom:4px;margin-bottom:14px;}
.employees-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;}
.employee{border:1px solid var(--border);border-radius:10px;padding:14px 16px;background:var(--panel);}
.employee .name{font-weight:600;font-size:14px;}
.employee .prof{color:var(--muted);font-size:13px;margin-top:2px;}

.pay-steps{max-width:700px;margin:0 auto;counter-reset:step;}
.pay-step{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);}
.pay-step:last-child{border-bottom:none;}
.pay-step .n{
  flex:none;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;
}
.pay-step p{margin:0;font-size:14.5px;padding-top:4px;}

.news-list{max-width:760px;margin:0 auto;}
.news-item{padding:14px 0;border-bottom:1px solid var(--border);}
.news-item .date{color:var(--muted);font-size:13px;}
.news-item .title{font-size:15px;font-weight:600;margin:2px 0 4px;}
.news-item .text{font-size:13.5px;color:var(--muted);}

.docs-list{max-width:760px;margin:0 auto;list-style:none;padding:0;}
.docs-list li{
  padding:10px 14px;font-size:13.5px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;
  background:var(--panel);
}

.contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;}
.contacts-grid .block h3{font-size:14.5px;margin:0 0 10px;border-bottom:2px solid var(--green);display:inline-block;padding-bottom:4px;}
.contacts-grid .block p{margin:4px 0;font-size:14px;}

footer{background:var(--ink);color:#c9d3cc;text-align:center;padding:26px 0;font-size:13px;}
footer .brand-small{color:#fff;font-weight:700;}