*{box-sizing:border-box}
body{margin:0;background:#f4f7f4;color:#1a2420;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}
main{max-width:640px;margin:0 auto;padding:24px 18px 48px}
h1{font-size:1.9rem;line-height:1.2;margin:.3em 0}
h2{font-size:1.25rem;margin:0 0 .4em}
.tag{display:inline-block;background:#1f5c3a;color:#fff;padding:2px 10px;border-radius:4px;font-size:.85rem;margin:0}
.lead{font-size:1.15rem}
section{background:#fff;border:1px solid #cfd9d2;border-radius:8px;padding:16px 18px;margin:18px 0}
ul{padding-left:1.2em;margin:0}
li{margin:.3em 0}
label{display:block;font-weight:bold;margin-bottom:6px}
input[type=email]{width:100%;padding:12px;font-size:1rem;border:2px solid #53665b;border-radius:6px;background:#fff;color:#1a2420}
button{margin-top:14px;width:100%;padding:14px;font-size:1.05rem;font-weight:bold;background:#1f5c3a;color:#fff;border:0;border-radius:6px;cursor:pointer}
button:hover,button:focus{background:#16452b}
input:focus,button:focus{outline:3px solid #e0a400;outline-offset:2px}
.note{font-size:.95rem;margin-bottom:0}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(min-width:700px){h1{font-size:2.3rem}button{width:auto;padding:14px 28px}}