.m-demo .m-demo__container{max-width:1050px;margin:auto}@media only screen and (max-width:767px){.m-demo .m-demo__container{max-width:unset;margin:0 32px}}@media only screen and (min-width:768px)and (max-width:991px){.m-demo .m-demo__container{max-width:700px}}@media only screen and (min-width:992px)and (max-width:1199px){.m-demo .m-demo__container{max-width:960px}}.m-demo .m-demo__hero_subtitle{margin:24px 24px 62px}.m-demo .m-demo__playground{padding:48px 0 64px;background-color:#edf2ff}.m-demo .m-demo__grid{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}.m-demo .m-demo__controls{border-radius:18px;background-color:#fff;border:1px solid #e7e8ec;padding:24px}.m-demo .m-demo__controls_title{font-family:var(--font-atkinson-hyperlegible),-apple-system,sans-serif;color:#1e1f24;font-weight:400;font-weight:700;margin-bottom:20px;color:#1f009c;font-size:20px}.m-demo .m-demo__control_group{margin-bottom:20px}.m-demo .m-demo__control_group:last-child{margin-bottom:0}.m-demo .m-demo__label{font-family:var(--font-atkinson-hyperlegible),-apple-system,sans-serif;font-weight:400;font-weight:700;display:block;margin-bottom:8px;color:#1e1f24}.m-demo .m-demo__label--detail{font-weight:400}.m-demo .m-demo__slider{appearance:none;width:100%;height:6px;border-radius:3px;background:#e7e8ec;outline:none;cursor:pointer}.m-demo .m-demo__slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#2b20c5;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,9,50,.1215686275)}.m-demo .m-demo__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2b20c5;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,9,50,.1215686275)}.m-demo .m-demo__button_group{display:flex;flex-wrap:wrap;gap:6px}.m-demo .m-demo__option_button{font-family:var(--font-atkinson-hyperlegible),-apple-system,sans-serif;font-weight:400;border-radius:12px;padding:6px 14px;background-color:#fff;border:1px solid #cdced7;color:#1e1f24;font-size:13px;cursor:pointer;text-transform:capitalize;transition:background-color .15s,border-color .15s,color .15s}.m-demo .m-demo__option_button:hover{background-color:#eff0f3}.m-demo .m-demo__option_button.--active{font-weight:700;color:#fff;background-color:#2b20c5;border-color:#2b20c5}.m-demo .m-demo__preview{border-radius:18px;background-color:#fff;border:1px solid #e7e8ec;padding:24px}.m-demo .m-demo__preview_frame{border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:300px;padding:16px;background-color:#f9f9fb;border:1px dashed #e0e1e6;overflow:hidden}.m-demo .m-demo__preview_image{max-width:100%;max-height:500px;object-fit:contain;border-radius:6px}.m-demo .m-demo__preview_dimensions{font-family:var(--font-atkinson-hyperlegible),-apple-system,sans-serif;font-weight:400;margin-top:12px;color:#1e1f24;font-size:13px;text-align:center}.m-demo .m-demo__bandwidth_info{margin-top:16px;display:flex;flex-direction:column;gap:8px}.m-demo .m-demo__bandwidth_stat{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f9f9fb;border-radius:4px;font-size:12px}.m-demo .m-demo__bandwidth_stat--saved{background-color:#f7f9ff;font-weight:600}.m-demo .m-demo__bandwidth_label{color:#1e1f24}.m-demo .m-demo__bandwidth_value{color:#1e1f24;font-weight:500}.m-demo__bandwidth_stat--saved .m-demo .m-demo__bandwidth_value{color:#1f009c}.m-demo .m-demo__code_section,.m-demo .m-demo__url_section{margin-top:32px}.m-demo .m-demo__url_title{font-family:var(--font-atkinson-hyperlegible),-apple-system,sans-serif;font-weight:400;font-weight:700;margin-bottom:12px;color:#1e1f24;font-size:16px}.m-demo .m-demo__url_box{border-radius:12px;display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fff;border:1px solid #e7e8ec;overflow:hidden}.m-demo .m-demo__url_text{color:#1e1f24;flex:1 1;overflow-x:auto;white-space:nowrap;color:#1f009c}.m-demo .m-demo__copy_button,.m-demo .m-demo__url_text{font-family:var(--font-atkinson-hyperlegible),-apple-system,sans-serif;font-weight:400}.m-demo .m-demo__copy_button{color:#1e1f24;font-weight:700;border-radius:12px;flex-shrink:0;padding:6px 16px;background-color:#2b20c5;border:none;color:#fff;font-size:13px;cursor:pointer;transition:background-color .15s}.m-demo .m-demo__copy_button:hover{background-color:#1f009c}.m-demo .m-demo__code_block{border-radius:12px;padding:16px 20px;background-color:#1e1f24;overflow-x:auto}.m-demo .m-demo__code_block code{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:13px;line-height:1.6;color:#d0deff;white-space:pre}.m-demo .m-demo__cta_section{padding:64px 0;background:linear-gradient(90deg,#1f009c,#120159);text-align:center}.m-demo .m-demo__cta_title{font-family:var(--font-bricolage-grotesque),sans-serif;color:#1e1f24;font-weight:400;margin-bottom:12px;color:#d0deff;font-size:40px;font-weight:700;letter-spacing:-1px}.m-demo .m-demo__cta_text{font-family:var(--font-atkinson-hyperlegible),-apple-system,sans-serif;color:#1e1f24;font-weight:400;max-width:520px;margin:0 auto 32px;color:#fff;font-size:18px;line-height:1.6}.m-demo .m-demo__cta_button{font-family:var(--font-bricolage-grotesque),sans-serif;color:#1e1f24;font-weight:400;border-radius:18px;font-weight:700;display:inline-block;padding:14px 32px;background-color:#fff;border:none;color:#1f009c;font-size:18px;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .15s}.m-demo .m-demo__cta_button:hover{background-color:#dfe9ff;transform:translateY(-1px)}@media(max-width:800px){.m-demo .m-demo__grid{grid-template-columns:1fr}.m-demo .m-demo__hero_title{font-size:40px}}