.mb-frame{width:100%;max-width:360px;margin:0 auto;position:relative}.mockup-building{width:100%;position:relative}.mb-replay{z-index:1;border:1px solid color-mix(in srgb,var(--color-accent)45%,transparent);background:color-mix(in srgb,var(--color-accent)12%,var(--color-bg));width:28px;height:28px;color:var(--color-accent);cursor:pointer;transition:background-color .15s var(--ease-std),border-color .15s var(--ease-std);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;right:10px}.mb-replay:hover{background:color-mix(in srgb,var(--color-accent)20%,var(--color-bg));border-color:color-mix(in srgb,var(--color-accent)65%,transparent)}.mb-window{border:1px solid var(--color-border);border-radius:var(--radius-md,12px);background:color-mix(in srgb,var(--color-fg)4%,var(--color-bg));width:100%;position:relative;overflow:hidden}.mb-chrome{border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-fg)6%,var(--color-bg));align-items:center;gap:6px;padding:8px 12px;display:flex}.mb-dot{background:color-mix(in srgb,var(--color-fg-muted)40%,transparent);border-radius:999px;width:8px;height:8px}.mb-url{background:color-mix(in srgb,var(--color-fg-muted)22%,transparent);border-radius:999px;flex:1;align-items:center;height:14px;margin-left:10px;padding:0 8px;display:flex}.mb-url:before{content:"";border:1.5px solid color-mix(in srgb,var(--color-fg-muted)55%,transparent);border-radius:999px;width:7px;height:7px}.mb-urltext{background:color-mix(in srgb,var(--color-fg-muted)45%,transparent);border-radius:3px;width:54px;height:5px;margin-left:7px}.mb-page{gap:11px;padding:14px;display:grid}.mb-eyebrow{background:var(--color-accent);border-radius:3px;width:46px;height:5px}.mb-ln{background:color-mix(in srgb,var(--color-fg-muted)32%,transparent);border-radius:3px;height:7px}.mb-headstack{gap:6px;display:grid}.mb-head{background:color-mix(in srgb,var(--color-fg)90%,transparent);width:78%;height:10px}.mb-head2{background:color-mix(in srgb,var(--color-fg)72%,transparent);width:54%;height:10px}.mb-blocks{gap:8px;margin-top:2px;display:grid}.mb-block{border-radius:var(--radius-sm,4px);background:color-mix(in srgb,var(--color-fg-muted)20%,transparent);height:9px}.mb-block-wide{width:88%}.mb-actionrow{align-items:center;gap:9px;margin-top:2px;display:flex}.mb-cta{border-radius:var(--radius-sm,4px);background:var(--color-accent);width:92px;height:18px}.mb-cursor{width:12px;height:12px;position:relative}.mb-cursor:before{content:"";border-left:2px solid color-mix(in srgb,var(--color-fg-muted)60%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-fg-muted)60%,transparent);border-bottom-left-radius:3px;position:absolute;inset:0;transform:rotate(-45deg)}@property --snake{syntax:"<angle>";inherits:false;initial-value:360deg}.mb-trace{border-radius:var(--radius-md,12px);pointer-events:none;--snake:360deg;background:conic-gradient(from 0deg,var(--color-accent)var(--snake),transparent 0);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:no-preference){.is-building .mb-window{animation:mbPopIn .3s var(--ease-out-expo)both}.is-building .mb-chrome .mb-dot:first-child{animation:mbPopIn .22s var(--ease-out-expo).1s both}.is-building .mb-chrome .mb-dot:nth-child(2){animation:mbPopIn .22s var(--ease-out-expo).16s both}.is-building .mb-chrome .mb-dot:nth-child(3){animation:mbPopIn .22s var(--ease-out-expo).22s both}.is-building .mb-url{animation:mbPopIn .24s var(--ease-out-expo).3s both}.is-building .mb-eyebrow{animation:mbPopIn .22s var(--ease-out-expo).42s both}.is-building .mb-head{animation:mbPopIn .24s var(--ease-out-expo).5s both}.is-building .mb-head2{animation:mbPopIn .24s var(--ease-out-expo).58s both}.is-building .mb-blocks .mb-block:first-child{animation:mbPopIn .22s var(--ease-out-expo).7s both}.is-building .mb-blocks .mb-block:nth-child(2){animation:mbPopIn .22s var(--ease-out-expo).78s both}.is-building .mb-blocks .mb-block:nth-child(3){animation:mbPopIn .22s var(--ease-out-expo).86s both}.is-building .mb-cta{animation:mbPopIn .24s var(--ease-out-expo).98s both,mbInk .3s var(--ease-std)1.5s both}.is-building .mb-cursor{animation:mbCursor .36s var(--ease-out-expo)1.12s both}.is-building .mb-trace{animation:.7s linear 1.7s both mbSnakeDraw}}@keyframes mbPopIn{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:none}}@keyframes mbInk{0%{background:color-mix(in srgb,var(--color-fg-muted)26%,transparent)}to{background:var(--color-accent)}}@keyframes mbCursor{0%{opacity:0;transform:translate(-5px,4px)}to{opacity:1;transform:none}}@keyframes mbSnakeDraw{0%{--snake:0deg}to{--snake:360deg}}@media (max-width:480px){.mb-frame{max-width:300px}.mb-page{gap:9px;padding:12px}.mb-blocks{gap:7px}.mb-blocks .mb-block-wide{display:none}}
/*# sourceMappingURL=325ac4629156b732.css.map*/