.mx-demo-top{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:22px 40px 0;display:flex}.mx-demo-top img{width:auto;height:56px;display:block}.mx-demo-top a.mx-back{color:var(--mute);font-size:13px}.mx-demo{grid-template-columns:5fr 7fr;align-items:start;gap:56px;padding:56px 0 72px;display:grid}.mx-demo h1{font-family:var(--display);letter-spacing:-.02em;margin:18px 0;font-size:clamp(30px,3.6vw,52px);font-weight:700;line-height:1.06}.mx-demo .mx-lede{color:var(--ink-2);max-width:40ch;margin:0 0 26px;font-size:17px;line-height:1.55}.mx-demo ul.mx-proof{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.mx-demo ul.mx-proof li{border-bottom:1px solid var(--rule);color:var(--ink-2);grid-template-columns:28px 1fr;gap:10px;padding:12px 0;font-size:14px;display:grid}.mx-demo ul.mx-proof li i{font-style:normal;font-family:var(--mono);color:var(--mute);padding-top:2px;font-size:12px}.mx-demo .mx-offer{color:var(--mute);margin:22px 0 0;font-size:13px}.mx-demo .mx-offer b{color:var(--ink);font-weight:600}.mx-dform{background:var(--paper);border:1px solid var(--rule);padding:28px 30px 26px;position:relative}.mx-dform:before{content:"";background:var(--ink);height:3px;position:absolute;top:0;left:0;right:0}.mx-dform h2{font:600 15px/1.4 var(--body);letter-spacing:0;justify-content:space-between;gap:16px;margin:0 0 18px;display:flex}.mx-dform h2 span{font-family:var(--mono);color:var(--mute);font-size:12px;font-weight:500}.mx-dform form{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.mx-dform label{color:var(--mute);margin-bottom:6px;font-size:12px;display:block}.mx-dform input,.mx-dform select{border:0;border-bottom:1.5px solid var(--rule);width:100%;font:500 15px var(--body);color:var(--ink);background:0 0;border-radius:0;padding:9px 0}.mx-dform input:focus,.mx-dform select:focus{border-bottom-color:var(--ink);outline:none}.mx-dform .mx-wide{grid-column:1/-1}.mx-dform .mx-send{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px;margin-top:6px;display:flex}.mx-dform .mx-send button{cursor:pointer;font-family:var(--body);padding:16px 26px;font-size:16px}.mx-dform .mx-send span{color:var(--mute);font-size:12px}.mx-dform .mx-err{color:#b42318;grid-column:1/-1;margin:0;font-size:13px}.mx-dform .mx-sent h3{font-family:var(--display);margin:0 0 10px;font-size:22px;font-weight:700}.mx-dform .mx-sent p{color:var(--ink-2);margin:0 0 8px}.mx-demo-foot{box-sizing:border-box;width:100%;max-width:1280px;color:var(--mute);flex-wrap:wrap;gap:18px;margin:0 auto;padding:0 40px 32px;font-size:12px;display:flex}@media (width<=980px){.mx-demo{grid-template-columns:1fr;gap:32px;padding:32px 0 48px}.mx-demo-top{padding:18px 20px 0}.mx-demo-top img{height:44px}.mx-demo-foot{padding:0 20px 24px}}@media (width<=640px){.mx-dform{padding:20px}.mx-dform form{grid-template-columns:1fr}.mx-demo h1{font-size:34px}.mx-demo .mx-lede{font-size:16px}.mx-dform .mx-send{flex-direction:column;align-items:stretch}.mx-dform .mx-send button{width:100%}.mx-demo-top a.mx-back{display:none}}
