@font-face{font-family:Caveat;src:url(assets/caveat-medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--sketch-ink:#5679a6}.sketch-note{display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;margin:20px auto 14px;padding:0 22px;box-sizing:border-box;color:var(--sketch-ink);pointer-events:none}.sketch-note>span{display:block;max-width:280px;font-family:Caveat,cursive;font-size:29px;font-weight:500;font-style:normal;line-height:1.12;letter-spacing:0;text-align:center;transform:rotate(-3deg);text-wrap:pretty}.sketch-note>svg{flex:0 0 76px;width:76px;height:65px;overflow:visible;color:inherit}.sketch-note>svg path{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sketch-note--left{justify-content:flex-start;padding-left:24px}.sketch-note--left>span{transform:rotate(2deg)}.sketch-note--left>svg{transform:scaleX(-1)}.sketch-note--phone{max-width:350px;padding:0 6px;margin:0 auto 12px;min-height:76px;justify-content:center}.sketch-note--phone>span{max-width:210px;font-size:26px}.sketch-note--phone>svg{width:59px;height:57px;flex-basis:59px}.sketch-note--compact{justify-content:flex-start;gap:0;padding:0;margin:16px 0 4px}.sketch-note--compact>span{font-size:23px;max-width:180px;text-align:left;transform:rotate(-2deg)}.sketch-note--compact>svg{flex-basis:43px;width:43px;height:43px}.live-software-section>.sketch-note{margin-top:12px}.fd-product>.sketch-note{margin-top:14px}.fd-product>.sketch-note+.fd-screenshot{margin-top:0}.demo-handwritten-note{color:var(--sketch-ink)}.demo-handwritten-note>span{font-family:Caveat,cursive;font-weight:500}.demo-handwritten-note svg path{stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:760px){.sketch-note{justify-content:flex-start;gap:0;padding:0 6px;margin-top:18px;margin-bottom:10px}.sketch-note>span{font-size:26px;max-width:245px}.sketch-note>svg{width:59px;height:57px;flex-basis:59px}.sketch-note--phone{justify-content:center;margin-top:0;min-height:72px}.sketch-note--phone>span{max-width:210px;font-size:25px}.sketch-note--compact{padding:0;margin:14px 0 4px}.sketch-note--compact>span{font-size:22px;max-width:180px}.sketch-note--compact>svg{width:40px;height:40px;flex-basis:40px}}@media(max-width:380px){.sketch-note>span{font-size:24px;max-width:205px}.sketch-note>svg{width:48px;height:52px;flex-basis:48px}.sketch-note--compact>span{font-size:21px}.sketch-note--phone>span{font-size:24px;max-width:190px}}@media(max-width:760px){.sketch-note>svg,.sketch-note--left>svg{transform:none;width:58px;height:50px;flex:0 0 58px;align-self:flex-end;background:url(assets/annotation-mobile-down.svg) center/contain no-repeat}.sketch-note>svg path{visibility:hidden}.sketch-note>span{min-width:0;transform:none}}