@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#192a28;background:#f5f5ed}*{box-sizing:border-box}body{margin:0}header{max-width:1160px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dfd6;font-size:11px;letter-spacing:.13em;color:#6e7c73}.logo{font-family:'Space Grotesk';font-size:18px;font-weight:bold;color:#203f36;text-decoration:none}main{max-width:1160px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;padding:78px 0}.eyebrow{color:#68896d;font-size:11px;letter-spacing:.18em;font-weight:bold}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em}h1{font-size:clamp(42px,6vw,76px);line-height:1;max-width:680px;margin:18px 0 24px}.hero p:not(.eyebrow){font-size:18px;color:#61726b;line-height:1.6;max-width:590px}.badges{display:flex;gap:18px;flex-wrap:wrap;color:#58775f;font-size:13px;margin-top:25px}.illustration{background:#dfe9da;border-radius:18px;padding:30px;transform:rotate(2deg)}.illustration>span{font-size:10px;letter-spacing:.15em;color:#719078}.illustration div{background:white;margin-top:12px;padding:19px;border-radius:9px;box-shadow:0 5px 18px #344f3910}.illustration b{float:right;color:#85a986}.illustration .done{background:#234d3b;color:white}.workspace{background:white;border:1px solid #e0e7dc;border-radius:20px;box-shadow:0 16px 55px #3855410d}.step,.filemap{padding:34px 40px;border-bottom:1px solid #edf0e9}.number{color:#78a17e;font-family:'Space Grotesk';font-size:13px;font-weight:bold}h2{display:inline;margin:0 0 0 14px;font-size:25px}.step p,.filemap p{color:#718178;line-height:1.6}.actions{display:flex;gap:12px;margin-top:24px}.primary,.secondary{font:700 14px 'DM Sans';border:0;border-radius:8px;padding:14px 20px;cursor:pointer}.primary{background:#234d3b;color:white;display:inline-block}.primary:hover{background:#327054}.secondary{background:#eff3ec;color:#365644}.hint{font-size:13px}.filemap h3{margin:6px 0 15px;font-size:17px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}label.field{font-size:12px;color:#52665b;font-weight:700}select{width:100%;padding:12px;margin-top:8px;border:1px solid #d6dfd4;border-radius:7px;background:white;color:#243c30}.table{overflow:auto;max-height:360px;margin:20px 0;border:1px solid #e8eee7;border-radius:8px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#f3f6f1;color:#678071;position:sticky;top:0}th,td{padding:12px;border-bottom:1px solid #edf0ec;white-space:nowrap}.flag{color:#af6c18}#error{color:#a63b30;padding:0 40px}footer{text-align:center;color:#849187;font-size:12px;margin:32px 0 50px;line-height:1.6}@media(max-width:700px){header span{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:50px 0}.illustration{transform:none}.step,.filemap{padding:25px 20px}.fields{grid-template-columns:1fr}.actions{flex-wrap:wrap}}