html body #main #demo>.mobile-audit-result{display:none}
@media(max-width:700px){
html body #main #review-roadmap{display:none!important}
html body #main #demo>.section-shell{display:none!important}
html body #main #demo{padding:34px 18px!important;margin:0!important}
html body #main #demo>.mobile-audit-result{display:block!important;max-width:520px;margin:0 auto;color:#edf0ef;text-align:left}
html body #demo .mar-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#70ceb0}
html body #demo .mobile-audit-result h2{font-size:27px!important;line-height:1.18!important;letter-spacing:-.6px;margin:14px 0 13px!important;font-weight:600!important;text-align:left!important}
html body #demo .mar-subtitle{font-size:14px;line-height:1.55;color:#aab3b8;margin:0 0 22px}
html body #demo .mar-card{border:1px solid #303c40;border-radius:13px;background:#0e1518;padding:0 17px 17px}
html body #demo .mar-card ul{list-style:none;margin:0;padding:0}
html body #demo .mar-card li{display:flex;align-items:center;gap:16px;padding:22px 0;margin:0;border-bottom:1px solid #283236}
html body #demo .mar-card li:last-child{border:0}
html body #demo .mar-card svg{width:25px;height:25px;flex:0 0 25px;color:#c6d0d3}
html body #demo .mar-card strong{display:block;font-size:15px;font-weight:550;line-height:1.4}
html body #demo .mar-card li span{display:block;font-size:12px;color:#99a5ab;line-height:1.5;margin-top:4px}
html body #demo a.mar-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:#09aa7c;color:#fff;border-radius:8px;min-height:47px;padding:10px 7px;font-size:13px;font-weight:600;line-height:1.35;text-decoration:none}
html body #demo .mar-example{margin:14px 0 0;border:1px solid #303c40;border-radius:10px;background:#0c1215}
html body #demo .mar-example summary{display:flex;justify-content:space-between;align-items:center;padding:17px;font-size:13px;list-style:none;cursor:pointer;gap:12px}
html body #demo .mar-example summary::-webkit-details-marker{display:none}
html body #demo .mar-example summary b{font-size:22px;font-weight:300;transition:transform .2s}
html body #demo .mar-example[open] summary b{transform:rotate(45deg)}
html body #demo .mar-report{padding:0 17px 18px;font-size:13px}
html body #demo .mar-report small{color:#97a3a8;font-size:10px}
html body #demo .mar-report h3{font-size:16px;margin:10px 0}
html body #demo .mar-report dl{margin:0}
html body #demo .mar-report dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #283236}
html body #demo .mar-report dd{margin:0;font-weight:600}
html body #demo .mar-report p{font-size:12px;line-height:1.55;margin:14px 0 0;color:#b4bfc3}
html body #demo .mar-cta:focus-visible,html body #demo summary:focus-visible{outline:2px solid #8ce5c9;outline-offset:4px}
}

@media(max-width:700px){html body #main #demo{display:none!important}}

@media(max-width:700px){html body #top a[href="#demo"]{display:none!important}}
