.dev{margin:48px 0}
.dev__bar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.dev__b{min-height:44px;padding:10px 18px;border:1px solid #D9DCE2;border-radius:999px;background:#fff;color:#0D0E13;font-weight:600;font-size:.9375rem;font-family:inherit;cursor:pointer}
.dev__b[aria-pressed=true]{background:#0D0E13;border-color:#0D0E13;color:#fff}
.dev__wrap{position:relative;width:100%}
.dev__frame{position:relative;margin:0 auto;border:1px solid #D9DCE2;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 32px rgba(13,14,19,.12)}
.dev__site{position:absolute;left:0;top:0;transform-origin:0 0;container-type:inline-size;background:#fff;color:#0D0E13;overflow:hidden}
.dev__grip{position:absolute;right:6px;top:50%;width:10px;height:56px;margin-top:-28px;border-radius:999px;background:#5AC494;cursor:ew-resize;touch-action:none;z-index:2}
.dev__grip::after{content:'';position:absolute;inset:-16px -18px}
.dev__px{margin:12px 0 0;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:.875rem;color:#6B6E7A}
.ms{padding:16px}
.ms__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #E6E7EB}
.ms__logo{display:flex;align-items:center;gap:8px}
.ms__logo i{width:22px;height:22px;border-radius:50%;background:#5AC494}
.ms__nav{display:none;gap:18px;font-size:14px}
.ms__burger{display:block;width:22px;height:14px;background:linear-gradient(#0D0E13,#0D0E13) 0 0/100% 2px no-repeat,linear-gradient(#0D0E13,#0D0E13) 0 6px/100% 2px no-repeat,linear-gradient(#0D0E13,#0D0E13) 0 12px/100% 2px no-repeat}
.ms__hero{display:grid;gap:16px;padding:24px 0}
.ms__h{margin:0 0 10px;font-weight:800;font-size:28px;line-height:1.05;letter-spacing:-.03em}
.ms__p{margin:0 0 14px;color:#6B6E7A;font-size:14px}
.ms__btn{display:inline-block;background:#5AC494;color:#0D0E13;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px}
.ms__img{aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#5AC494,#0D0E13)}
.ms__cards{display:grid;gap:12px;grid-template-columns:1fr}
.ms__c{border:1px solid #E6E7EB;border-radius:12px;padding:14px;font-size:14px}
@container (min-width:520px){.ms__h{font-size:40px}.ms__cards{grid-template-columns:1fr 1fr}}
@container (min-width:820px){.ms{padding:28px 40px}.ms__nav{display:flex}.ms__burger{display:none}.ms__hero{grid-template-columns:1.1fr .9fr;align-items:center}.ms__h{font-size:56px}.ms__cards{grid-template-columns:repeat(3,1fr)}}