.mk-signal{margin-top:48px;color:#25231f;background:#f8f6f0;border:1px solid #dfd9ce;border-radius:24px;overflow:hidden;box-shadow:0 18px 64px #19140d0a}.mk-signal__header{display:flex;align-items:center;gap:14px;padding:24px 28px;border-bottom:1px solid #e4dfd5;background:#fffcf8}.mk-signal__icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:#fce5d8;color:#b54112}.mk-signal__header h3{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.025em}.mk-signal__header p{margin-top:5px;color:#776d61;font:12px/1.5 var(--font-geist-mono),monospace}.mk-signal .mk-signal__play{flex-shrink:0;margin-left:auto;width:44px;height:44px;border:1px solid #ddd4c7;border-radius:50%;color:#514537;background:transparent}.mk-signal .mk-signal__play:hover{background:#fce5d8}.mk-signal button:focus-visible{outline:2px solid #c34712;outline-offset:-4px;box-shadow:none}.mk-signal__workspace{padding:32px 32px 24px}.mk-signal__story{display:grid}.mk-signal__story-frame{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .32s,transform .32s}.mk-signal__story-frame[data-active=true]{visibility:visible;opacity:1;transform:none}.mk-signal__eyebrow{color:#aa4119;font:12px/1.5 var(--font-geist-mono),monospace}.mk-signal__story h4{margin-top:10px;font-size:clamp(26px,2.5vw,34px);font-weight:550;line-height:1.25;letter-spacing:-.04em;text-wrap:balance}.mk-signal__story p{margin-top:10px;max-width:650px;color:#71675b;font-size:15px;line-height:1.55;text-wrap:pretty}.mk-signal__visual{display:grid;grid-template-columns:minmax(0,1.15fr) 36px minmax(0,1fr);align-items:center;padding-top:28px}.mk-signal__output,.mk-signal__product{min-width:0}.mk-signal__visual-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:#736757;font:12px/1.5 var(--font-geist-mono),monospace}.mk-signal__visual-label>span:last-child{display:flex;gap:4px;align-items:center}.mk-signal__screens{position:relative;aspect-ratio:1440/1000;background:white;overflow:hidden;border:1px solid #dfd7c9;border-radius:12px;box-shadow:0 10px 28px #3a291410}.mk-signal__overlay-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:10px}.mk-signal__overlay-steps button{min-height:44px;padding:6px;font-size:12px}.mk-signal__overlay-steps button[aria-pressed=true]{background:#f8e8dc;color:#a6401b}.mk-signal__screen{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}.mk-signal__screen[data-active=true]{opacity:1;z-index:1}.mk-signal__screen img{-o-object-fit:contain;object-fit:contain}.mk-signal__insight{display:flex;align-items:center;gap:8px;min-height:56px;margin-top:12px;padding:10px 12px;border:1px solid #edccb6;border-radius:10px;background:#fceadd;color:#853d20;font-size:12px;line-height:1.4}.mk-signal__insight-icon{display:grid;place-items:center;flex:0 0 24px}.mk-signal__connection{position:relative;height:1px;background:#e5b69b}.mk-signal__connection span{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#d25520;animation:mk-signal-flow 2.4s ease-in-out infinite;animation-play-state:paused}.mk-signal[data-playing=true] .mk-signal__connection span{animation-play-state:running}.mk-signal__ads{position:relative;height:320px;isolation:isolate}.mk-signal__ad{position:absolute;width:47%;top:30px;margin:0;padding:6px;background:#fffdf9;border:1px solid #e4d9c9;border-radius:12px;box-shadow:0 12px 28px #47331c15;transition:transform .6s cubic-bezier(.2,.7,.3,1),border-color .4s,box-shadow .4s}.mk-signal__ad:first-child{left:0;transform:rotate(-8deg) translateY(10px);z-index:1}.mk-signal__ad:nth-child(2){left:26.5%;transform:translateY(-8px);z-index:3}.mk-signal__ad:nth-child(3){right:0;transform:rotate(8deg) translateY(14px);z-index:2}.mk-signal__ad[data-emphasis=true]{border-color:#da8055;box-shadow:0 16px 32px #9d522321}.mk-signal[data-chapter="1"] .mk-signal__ad:nth-child(2){transform:translateY(-18px)}.mk-signal[data-chapter="2"] .mk-signal__ad:first-child{transform:rotate(-5deg) translateY(-6px)}.mk-signal[data-chapter="2"] .mk-signal__ad:nth-child(3){transform:rotate(5deg) translateY(-4px)}.mk-signal[data-chapter="3"] .mk-signal__ad:first-child{transform:rotate(-3deg) translateY(4px)}.mk-signal[data-chapter="3"] .mk-signal__ad:nth-child(2){transform:translateY(-18px)}.mk-signal[data-chapter="3"] .mk-signal__ad:nth-child(3){transform:rotate(3deg) translateY(4px)}.mk-signal__ad-image{position:relative;aspect-ratio:4/5;border-radius:7px;overflow:hidden;background:#ede9df}.mk-signal__ad-image img{-o-object-fit:contain;object-fit:contain}.mk-signal__ad figcaption{display:flex;justify-content:space-between;align-items:center;padding:9px 4px 3px;color:#5d5142;font:12px/1.4 var(--font-geist-mono),monospace}.mk-signal__review{position:absolute;z-index:4;bottom:14px;left:50%;display:flex;gap:7px;align-items:center;white-space:nowrap;transform:translate(-50%,5px);padding:9px 14px;border:1px solid #e4ab85;border-radius:99px;background:#fff3e9;color:#93431f;box-shadow:0 4px 12px #61350c0d;font-size:12px;opacity:0;visibility:hidden;transition:opacity .32s,transform .32s}.mk-signal__review[data-active=true]{opacity:1;visibility:visible;transform:translate(-50%)}.mk-signal__examples{margin-top:10px;text-align:center;color:#7c7164;font:12px/1.5 var(--font-geist-mono),monospace}.mk-signal__chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;background:#fffcf8;border-top:1px solid #e4dfd5}.mk-signal__chapters li{min-width:0}.mk-signal__chapters li+li{border-left:1px solid #e4dfd5}.mk-signal__chapters button{position:relative;display:flex;justify-content:flex-start;gap:9px;width:100%;height:72px;padding:12px 18px;border-radius:0;white-space:normal;text-align:left;color:#746857;font-size:13px;line-height:1.35}.mk-signal__chapters button:hover{background:#faf0e6;color:#7b3a20}.mk-signal__chapters button[aria-pressed=true]{background:#fceadd;color:#8a3b1c;box-shadow:inset 0 2px #ce501c}.mk-signal__chapter-number{font:12px/1.5 var(--font-geist-mono),monospace;opacity:.8}.mk-signal__chapter-dot{margin-left:auto;flex:0 0 5px;height:5px;border-radius:50%;background:currentColor;opacity:0}.mk-signal[data-ready=false] .mk-signal__chapters button,.mk-signal__chapters button[aria-pressed=true] .mk-signal__chapter-dot{opacity:1}@keyframes mk-signal-flow{0%{left:0;opacity:0}30%{opacity:1}to{left:calc(100% - 5px);opacity:0}}@media (min-width:1200px){.mk-signal__ads{height:360px}}@media (max-width:899px){.mk-signal__visual{grid-template-columns:minmax(0,1fr);gap:20px;max-width:600px;margin-inline:auto}.mk-signal__connection{display:none}.mk-signal__ads{max-width:440px;height:330px;margin:0 auto}.mk-signal__chapters button{padding-inline:12px}}@media (max-width:699px){.mk-signal{margin-top:32px;border-radius:18px}.mk-signal__header{padding:18px;gap:10px;align-items:flex-start}.mk-signal__icon{display:none}.mk-signal__header h3{font-size:17px}.mk-signal__header p{font-size:12px}.mk-signal__workspace{padding:22px 18px}.mk-signal__story h4{font-size:27px}.mk-signal__story p{font-size:15px}.mk-signal__visual{padding-top:24px}.mk-signal__ads{height:clamp(250px,60vw,330px)}.mk-signal__ad{top:24px}.mk-signal__chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-signal__chapters li:nth-child(3){border-left:0}.mk-signal__chapters li:nth-child(n+3){border-top:1px solid #e4dfd5}.mk-signal__chapters button{height:60px}}@media (prefers-reduced-motion:reduce){.mk-signal *,.mk-signal :after,.mk-signal :before{animation:none!important;transition:none!important}}