.hero h1{max-width:760px}.hero h1 em{display:block}.order-board{width:100%;max-width:520px;justify-self:end;background:#f4eee3;border:1px solid #e2d5c4;border-radius:25px;padding:27px;transform:rotate(2deg);box-shadow:18px 21px 0 #e9e2d9}.ob-top{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e1d6c7;padding-bottom:16px;color:#9d795f;letter-spacing:.12em;font-size:.64rem;font-weight:850}.ob-top b{font-size:1.25rem;color:#bd7952}.ob-track{margin:24px 0}.ob-row{display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:center;background:#fffefa;border:1px solid #e7e1d6;border-radius:12px;padding:13px;margin:9px 0;box-shadow:0 3px 0 #e9dfd0}.ob-row i{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dcbaa0;border-radius:8px;color:#b97a53;font:normal .73rem ui-monospace,Consolas,monospace}.ob-row strong{color:#42604d;font-size:.83rem}.ob-row span{color:#9aac9b;font-size:.65rem}.ob-row.active{background:#345c4d;border-color:#345c4d;transform:translateX(8px);box-shadow:0 10px 18px #1d3c2f25}.ob-row.active strong{color:#fff}.ob-row.active span{color:#d5e3d5}.ob-row.active i{color:#ffd0aa;border-color:#ffffff75}.ob-foot{border-top:1px solid #e1d6c7;padding-top:16px;color:#9d7c65;font-size:.75rem}.scope-card{background:#405b4e}.scope-symbol span:nth-child(2){background:#e1ad83}.honest a{color:#af6b43}@media(max-width:760px){.order-board{justify-self:center;box-shadow:9px 11px 0 #e9e2d9}}@media(max-width:490px){.order-board{padding:21px}.ob-row{grid-template-columns:34px 1fr}.ob-row span{grid-column:2}}