*{box-sizing:border-box}body{margin:0;background:#f1f5f6;color:#1c3540;font:16px/1.6 Arial,sans-serif}header{padding:22px 6%;background:#132e38;color:white;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{color:#b9e5e4}main{max-width:1280px;margin:auto;padding:48px 24px}h1{font-size:54px;line-height:1.1;margin:0 0 18px}h2{font-size:26px;line-height:1.3}.lead{max-width:720px;color:#56717b;margin-bottom:36px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{background:white;border:1px solid #dce5e7;border-radius:12px;overflow:hidden}.preview{height:270px;background:#e7eef0;display:flex;align-items:center;justify-content:center}.preview img{width:100%;height:100%;object-fit:contain;background:white}.inner{padding:24px}.tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#537c82}.docs{padding:0;list-style:none}.docs li{padding:10px 0;border-top:1px solid #e7edef}.docs a{color:#17636f;text-decoration:none}.docs a:hover{text-decoration:underline}.note{font-size:13px;color:#61747c}details{border-top:1px solid #e7edef;margin-top:18px;padding-top:12px}footer{margin-top:45px;padding-top:25px;border-top:1px solid #c7d7dd;color:#61747c}input{width:100%;padding:14px;border:1px solid #cad9dc;border-radius:8px;margin:0 0 24px;font:inherit}@media(max-width:760px){h1{font-size:38px}.grid{grid-template-columns:1fr}.preview{height:220px}main{padding:28px 16px}}