@font-face{font-family:Vincent;src:url(/fonts/Vincent-Regular.otf) format("opentype");font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f1f2f2;color:#231f20;font-family:"PT Serif",Georgia,serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{background:#001722;color:#f1f2f2;padding:16px max(16px,calc((100vw - 950px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}h1,h2,h3,.heading{font-family:Vincent,Impact,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.07em}h1{font-size:27px;margin:0}h2{font-size:36px;margin:0}h3{font-size:23px;margin:0}small,.muted{color:#666}header small{color:#ddd;letter-spacing:.15em;font:10px Arial,sans-serif}header select{background:#001722;color:#fff;border:1px solid #bbb;padding:10px;border-radius:4px}main{max-width:950px;margin:auto;padding:28px 16px 90px}.intro{margin-bottom:24px}.intro p{color:#414042}.hero{background:#001722;color:#fff;padding:22px;border-radius:6px;display:flex;align-items:center;gap:14px}.hero p{font-size:13px}.hero button{margin-left:auto}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px}.tile,.panel{background:#fff;border:1px solid #d8d8d8;border-radius:5px;padding:20px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;min-height:140px}.tile span{color:#666;font-size:12px}.stack{display:grid;gap:12px}.panel{margin-bottom:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}.pills button{padding:10px 13px;background:#fff;border:1px solid #999;border-radius:4px;font-size:13px}.pills button.active{background:#001722;color:#fff;border-color:#001722}label{display:block;font:700 11px Arial,sans-serif;letter-spacing:.1em;margin-top:18px}textarea{display:block;width:100%;min-height:70px;padding:12px;margin:10px 0;border:1px solid #aaa;border-radius:4px}.primary{background:#001722;color:#fff;border:0;padding:13px 18px}.outline{background:#fff;border:1px solid #001722;padding:10px 14px;color:#001722}.back{border:0;background:none;padding:0;margin-bottom:18px;color:#414042}.tag{font:700 11px Arial,sans-serif;color:#414042}.lesson{background:#f1f2f2;padding:12px;margin-top:15px;font-size:13px}.demo{position:fixed;bottom:0;left:0;right:0;background:#414042;color:#fff;text-align:center;padding:8px;font:11px Arial,sans-serif}@media(max-width:500px){.hero{flex-wrap:wrap}.hero button{margin-left:0;width:100%}h2{font-size:30px}}