*{box-sizing:border-box}body{margin:0;background:#e8eeeb;color:#101414;font-family:Arial,Helvetica,sans-serif}header{max-width:1000px;margin:auto;padding:32px 24px}header img{width:280px;max-width:100%;height:auto}h1{font-size:24px;margin:24px 0 10px}p{line-height:1.6}.controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap}label{display:grid;gap:6px;font-size:14px;font-weight:bold}select{padding:10px;border:1px solid #b2c5bb;border-radius:6px;background:#fff;color:#101414}a{color:#101414}main{padding:0 12px 32px}iframe{display:block;width:100%;max-width:700px;height:2300px;margin:auto;border:0;background:#f3f5f4}iframe.mobile{max-width:360px}@media(max-width:480px){header{padding:24px 16px}.controls{gap:14px}iframe{height:2500px}}