:root{font-family:Segoe UI,Arial,sans-serif;color:#183c33;background:#f4f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #228b65;outline-offset:6px}header,main,footer{max-width:1360px;margin:auto}header{padding:30px 56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e2d9}.brand{display:flex;gap:13px;align-items:center;line-height:1.15;font-size:18px}.brand-icon{display:grid;place-items:center;background:#193f34;color:#eff8d9;border-radius:12px;width:52px;height:52px;font-size:21px;font-weight:700;letter-spacing:-2px}.group,.back{font-size:13px;font-weight:600}.group i{font-style:normal;color:#8ca994;margin:0 12px}main{padding:58px 56px 40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;color:#61816a;margin:0 0 19px}h1{font-size:clamp(36px,4.3vw,60px);font-weight:500;letter-spacing:-2.5px;line-height:1.08;margin:0 0 20px}h1 em{font-style:normal;color:#5d8268}.intro>p:last-child{color:#62746c;font-size:15px;line-height:1.7;margin-bottom:34px}.systems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.system{display:flex;flex-direction:column;min-height:286px;padding:24px;border:1px solid #d9e2d9;background:#fff;border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s}.system:hover{transform:translateY(-5px);border-color:#84aa88;box-shadow:0 10px 28px #193f3410}.number{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#85948a}.number span{font-size:20px;font-weight:400}.symbol{display:block;font-size:31px;line-height:1.2;margin:24px 0 20px;color:#65866a}h2{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.4px;margin:0 0 9px}.system p{font-size:12px;color:#758279;line-height:1.6;margin:0 0 24px;max-width:220px}.enter{font-size:12px;font-weight:600;border-top:1px solid #e7ede5;padding-top:16px;margin-top:auto;display:flex;justify-content:space-between}.enter b{font-size:18px}.payroll{background:#183e33;color:#f0f6e9;border-color:#183e33}.payroll .number,.payroll .symbol{color:#b8d5a4}.payroll p{color:#b4c8bc}.payroll .enter{border-color:#3a5d50}.access-note{display:flex;align-items:center;gap:14px;margin-top:26px;color:#7a8b7e}.access-note>span{font-size:22px}.access-note p{font-size:12px;line-height:1.8}.access-note strong{font-weight:500;color:#54705b}footer{display:flex;justify-content:space-between;padding:23px 56px;border-top:1px solid #d9e2d9;font-size:11px;color:#7e9083}.companies{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px}.companies h2{font-size:25px}.companies .symbol{font-weight:600} @media(max-width:1000px){.systems{grid-template-columns:repeat(2,minmax(0,1fr))}.companies{grid-template-columns:repeat(3,minmax(0,1fr))}header,main,footer{padding-left:30px;padding-right:30px}}@media(max-width:650px){header{padding:22px}.group{display:none}main{padding:35px 22px}h1{letter-spacing:-1.5px}.systems,.companies{grid-template-columns:1fr}.system{min-height:245px}.symbol{margin:14px 0}.system p{max-width:none}footer{padding:22px;gap:20px}.back{font-size:11px}}
.company-logos{display:flex;align-items:center;gap:18px;padding:10px 16px;background:#fff;border:1px solid #e0e7df;border-radius:12px}.company-logos img{display:block;width:126px;height:40px;object-fit:contain}.company-card-logo{height:84px;display:flex;align-items:center;margin:16px 0 18px}.company-card-logo img{display:block;width:225px;max-width:100%;height:76px;object-fit:contain;object-position:left center}@media(max-width:850px){.company-logos{gap:12px;padding:8px}.company-logos img{width:100px;height:34px}header{gap:18px;flex-wrap:wrap}.company-logos{order:3;margin:auto}}@media(max-width:650px){.group.company-logos{display:flex;width:100%;justify-content:space-between;margin-top:6px}.company-logos img{width:92px;height:34px}.company-card-logo{margin:10px 0 16px}.brand{font-size:16px}.brand-icon{width:44px;height:44px}.back{max-width:140px;text-align:right}}