:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:#111110;background:#faf9f6;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}.hero{height:100svh;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;overflow:clip;padding:0 24px 80px}.notch-arrival{width:var(--notch-width, min(660px, 64vw));flex-shrink:0;position:absolute;top:0;animation:arrive 1.1s cubic-bezier(.16,1,.3,1) both}.notch{--look-x: 0px;--look-y: 0px;width:100%;height:var(--notch-height, clamp(230px, 38svh, 340px));background:#050505;position:relative;border-radius:0 0 var(--notch-radius, 58px) var(--notch-radius, 58px);box-shadow:0 18px 28px -25px #11111066;transform-origin:50% 0}.notch:before,.notch:after{content:"";position:absolute;width:18px;height:18px;top:0}.notch:before{left:-18px;background:radial-gradient(circle at 0 100%,transparent 18px,#050505 18.5px)}.notch:after{right:-18px;background:radial-gradient(circle at 100% 100%,transparent 18px,#050505 18.5px)}.eyes{position:absolute;top:var(--eye-top, 48%);left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding-inline:23.5%;transform:translateY(-50%);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.eye{display:block;width:var(--eye-size, clamp(42px, 5.7vw, 72px));overflow:visible;color:#fffefa;transform-origin:center;transition:transform 85ms steps(2,end)}.pupil{transform:translate(var(--look-x),var(--look-y));transition:transform .14s steps(2,end)}.is-blinking .eye{transform:scaleY(.15)}.notch-hello{position:absolute;bottom:24px;width:100%;text-align:center;color:#fffefa;font-size:17px;letter-spacing:-.4px;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .45s cubic-bezier(.16,1,.3,1)}.is-greeting .notch-hello{opacity:1;transform:translateY(0)}.is-greeting .eyes{transform:translateY(-64%)}.is-greeting .eye--right{animation:wink .65s .12s backwards}.intro{position:relative;text-align:center;margin-top:calc(clamp(230px,38svh,340px) + clamp(52px,8svh,86px));opacity:var(--intro-opacity, 1);transform:translateY(var(--intro-shift, 0px))}h1{font-size:clamp(54px,6.7vw,88px);line-height:1.05;font-weight:650;letter-spacing:-.065em;margin:0;animation:reveal .85s .16s cubic-bezier(.16,1,.3,1) both}p{font-size:clamp(17px,1.65vw,21px);line-height:1.5;letter-spacing:-.035em;color:#77766f;margin:18px 0 30px;animation:reveal .85s .24s cubic-bezier(.16,1,.3,1) both}.hello-button{border:1px solid #191918;border-radius:100px;background:#171716;color:#fffefa;font:inherit;font-size:17px;font-weight:550;letter-spacing:-.2px;padding:20px 29px 20px 32px;min-height:62px;display:inline-flex;align-items:center;gap:30px;cursor:pointer;box-shadow:0 5px 10px -6px #1115,inset 0 1px #ffffff18;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s;animation:reveal .85s .32s cubic-bezier(.16,1,.3,1) backwards}.hello-button svg{width:19px;height:19px;transition:transform .25s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.hello-button:hover{transform:translateY(-3px);background:#2a2a28;box-shadow:0 9px 16px -9px #1116}.hello-button:hover svg{transform:translate(3px)}}.hello-button:active{transform:translateY(0) scale(.97)}:focus-visible{outline:2px solid #77766f;outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes arrive{0%{transform:translateY(-102%)}to{transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes wink{0%,to{transform:scaleY(1)}25%,55%{transform:scaleY(.15)}}@media(max-width:600px){.hero{padding-bottom:48px}.notch-arrival{width:var(--notch-width, 66vw)}.notch{height:var(--notch-height, clamp(210px, 34svh, 285px));border-radius:0 0 var(--notch-radius, 35px) var(--notch-radius, 35px)}.eyes{padding-inline:19%}.eye{width:var(--eye-size, 40px)}.intro{margin-top:calc(clamp(210px,34svh,285px) + 68px)}h1{font-size:clamp(52px,13vw,72px)}p{margin-top:16px;margin-bottom:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.journey{position:relative;height:300svh}.is-expanded .intro,.is-expanded .scroll-cue{pointer-events:none}.scroll-cue{position:absolute;bottom:24px;padding:12px;border:0;background:none;color:#99988f;cursor:pointer;opacity:var(--intro-opacity, 1)}.scroll-cue svg{display:block;width:24px;height:24px}.scenes{position:absolute;top:55%;width:100%;text-align:center;color:#fffefa;opacity:var(--scene-opacity, 0)}.scene-window{position:relative;height:clamp(240px,32svh,290px)}.scene{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .35s,transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.scene.is-active{opacity:1;transform:none}.scene h2{font-size:clamp(32px,4vw,52px);font-weight:550;line-height:1.15;letter-spacing:-.055em;margin:28px auto 0;max-width:1000px;padding-inline:20px}.ask-art,.words-art,.apps-art{height:78px;display:flex;align-items:center;justify-content:center;gap:24px}.fn-key{width:68px;height:68px;display:grid;place-items:center;font-size:24px;border:1px solid #5c5c59;border-radius:17px;box-shadow:0 5px #222221;color:#d8d8d2;animation:key-press 3.4s infinite}.wave{height:48px;display:flex;align-items:center;gap:5px}.wave i{width:4px;height:28px;border-radius:3px;background:#d1efb0;animation:wave .9s ease-in-out infinite alternate}.wave i:nth-child(3n){height:46px}.words-art{position:relative;width:216px;margin:auto;justify-content:flex-start}.writing{width:100%;display:flex;flex-direction:column;gap:12px}.writing i{display:block;height:5px;background:#fffefa;border-radius:3px;transform-origin:left;animation:write-line 4s infinite}.writing i:nth-child(2){width:84%;animation-delay:.18s;opacity:.65}.writing i:nth-child(3){width:53%;animation-delay:.36s;opacity:.35}.caret{position:absolute;left:59%;bottom:16px;width:2px;height:14px;background:#d1efb0;animation:caret 1s steps(1) infinite}.apps-art{position:relative;width:264px;margin:auto;gap:15px}.app-tile{position:relative;display:grid;place-items:center;width:64px;height:64px;border:1px solid #363634;border-radius:17px;color:#a8a8a1}.app-tile svg{width:32px;height:32px}.app-tile--chosen{color:#fffefa;border-color:#77776f;animation:select-app 4s infinite}.done-mark{position:absolute;right:-7px;top:-7px;background:#d1efb0;color:#151b10;font-size:13px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;animation:done 4s infinite}.little-cursor{position:absolute;width:23px;height:27px;top:48px;left:145px;animation:cursor 4s infinite}.scene:not(.is-active) *,.journey:not(.is-expanded) .scene *{animation-play-state:paused}.scene-nav{display:flex;justify-content:center;gap:2px}.scene-nav button{border:0;background:none;padding:16px 8px;cursor:pointer}.scene-nav span{display:block;width:6px;height:6px;border-radius:8px;background:#52524e;transition:width .35s,background .35s}.scene-nav [aria-current] span{width:23px;background:#fffefa}@keyframes wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes key-press{0%,22%,to{transform:translateY(0);box-shadow:0 5px #222221}30%,44%{transform:translateY(4px);box-shadow:0 1px #222221}}@keyframes write-line{0%,12%{transform:scaleX(.05)}55%,88%{transform:scaleX(1)}to{transform:scaleX(.05)}}@keyframes caret{50%{opacity:0}}@keyframes select-app{0%,22%,to{transform:none;background:transparent}35%,80%{transform:translateY(-5px);background:#20221d}}@keyframes done{0%,35%,to{opacity:0;transform:scale(.4)}45%,85%{opacity:1;transform:scale(1)}}@keyframes cursor{0%,to{transform:translate(30px,12px);opacity:0}20%,80%{opacity:1}35%,65%{transform:translate(0)}}@media(max-height:650px)and (min-width:601px){.intro{margin-top:calc(clamp(230px,38svh,340px) + 28px)}.intro h1{font-size:58px}.intro p{margin:12px 0 20px}.scenes{top:55%}.scene-window{height:150px}.scene h2{margin-top:16px;font-size:34px}}.drawing-section{min-height:110svh;background:#050505;color:#fffefa;overflow:clip;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(64px,9svh,120px) 24px;gap:clamp(40px,7svh,76px)}.drawing-section h2,.closing-section h2{font-size:clamp(42px,6.5vw,92px);line-height:1.04;letter-spacing:-.06em;font-weight:600;text-align:center;margin:0;text-wrap:balance}.computer{width:min(900px,85vw);position:relative}.computer-screen{position:relative;aspect-ratio:800 / 450;border:2px solid #555550;border-radius:22px;background:#151515;overflow:hidden;box-shadow:0 0 0 7px #1c1c1b}.screen-notch{position:absolute;top:0;left:36%;width:28%;height:13%;background:#050505;border-radius:0 0 14px 14px;display:flex;align-items:center;justify-content:space-around;padding-inline:4%;z-index:2}.screen-notch .eye{width:17%;min-width:13px;flex-shrink:0}.desktop-window{position:absolute;inset:20% 16% 13%;border:1px solid #ffffff0d;border-radius:10px;background:#1b1b1b;padding:14px}.desktop-window>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#494946;margin-right:5px;vertical-align:top}.desktop-window>div{height:4px;border-radius:4px;background:#30302e;width:38%;margin:28px 12px 0}.desktop-window>div+div{width:60%;margin-top:12px}.drawing-canvas{position:absolute;inset:0;width:100%;height:100%}.paint-stroke{stroke-dasharray:1;stroke-dashoffset:1}.is-visible .paint-stroke{animation:paint-line 6s linear infinite}.paintbrush{animation:brush-visibility 6s linear infinite}.computer-base{position:relative;width:110%;height:clamp(9px,1.5vw,17px);margin-left:-5%;margin-top:7px;border-radius:2px 2px 50% 50%/2px 2px 100% 100%;background:linear-gradient(#73736f,#333331)}.computer-base:before{content:"";position:absolute;width:15%;height:40%;left:42.5%;top:0;background:#252524;border-radius:0 0 7px 7px}@keyframes paint-line{0%{stroke-dashoffset:1;opacity:1}75%,92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes brush-visibility{0%,75%{opacity:1}82%,to{opacity:0}}.closing-section{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:170px 24px 90px;background:#faf9f6}.closing-notch{position:absolute;top:0;background:#050505;width:220px;height:88px;border-radius:0 0 26px 26px;display:flex;align-items:center;justify-content:space-around;padding:0 34px}.closing-notch .eye{width:24px}.closing-section h2{font-size:clamp(40px,6.3vw,88px);max-width:1100px}.get-button{animation:none;min-width:192px;justify-content:space-between}.mobile-break{display:none}@media(max-width:600px){.scene h2{font-size:clamp(27px,6.7vw,36px)}.scene-window{height:238px}.drawing-section{min-height:90svh;padding-inline:18px;gap:56px}.drawing-section h2{font-size:clamp(36px,8.5vw,50px)}.computer{width:87vw}.computer-screen{border-radius:12px;box-shadow:0 0 0 4px #1c1c1b}.screen-notch{border-radius:0 0 7px 7px}.desktop-window{padding:8px}.desktop-window>div{margin-top:12px;height:3px}.closing-section{padding-top:145px;gap:36px}.closing-section h2{font-size:clamp(36px,8.8vw,50px)}.mobile-break{display:initial}}@media(max-height:650px){.scenes{top:50%}.scene-window{height:215px}.scene h2{font-size:28px;margin-top:16px}}@media(prefers-reduced-motion:reduce){.paint-stroke{stroke-dashoffset:0;opacity:1}}.journey{height:700svh;--wipe-0: inset(0 50% 100%);--wipe-1: inset(0 50% 100%);--wipe-2: inset(0 50% 100%);--wipe-3: inset(0 50% 100%)}.chapter-wipe{position:absolute;inset:0;pointer-events:none}.wipe-white{background:#faf9f6}.wipe-black{background:#050505}.eyes{z-index:1}.is-expanded .eyes{opacity:var(--chapter-opacity, 1)}.chapter-1 .eye{color:#111110}.chapter-1 .pupil{fill:#faf9f6}.chapter-3 .notch>.eyes,.chapter-4 .notch>.eyes{opacity:0}.scenes{opacity:calc(var(--scene-opacity, 0) * var(--chapter-opacity, 1));transform:translateY(var(--chapter-shift, 0px))}.chapter-1 .scenes{color:#111110}.chapter-1 .writing i,.chapter-1 .caret{background:#111110}.chapter-3 .scenes,.chapter-4 .scenes{opacity:0;pointer-events:none}.scene-nav{position:absolute;bottom:32px;opacity:var(--scene-opacity, 0);z-index:3}.chapter-1 .scene-nav span,.chapter-3 .scene-nav span{background:#cfcec8}.chapter-1 .scene-nav [aria-current] span,.chapter-3 .scene-nav [aria-current] span{background:#111110}.drawing-section,.closing-section{position:absolute;inset:0;min-height:0;height:100%;background:transparent;opacity:0;pointer-events:none;transform:translateY(var(--chapter-shift, 0px))}.drawing-section.is-current,.closing-section.is-current{opacity:var(--chapter-opacity, 1);pointer-events:auto}.drawing-section{color:#111110;padding:48px 24px 100px;gap:clamp(24px,5svh,50px)}.drawing-section h2{font-size:clamp(36px,min(6vw,7svh),82px)}.computer{width:min(820px,82vw,78svh)}.closing-section{color:#fffefa;padding:150px 24px 110px;gap:42px}.closing-section h2{font-size:clamp(38px,min(6.3vw,8svh),88px);max-width:1000px}.closing-notch{border:1px solid #ffffff21;border-top:0}.get-button{background:#fffefa;color:#111110;border-color:#fffefa}.get-button:hover{background:#e6e5df}.typed-word{display:inline-block;white-space:pre}.typed-emphasis{font-weight:900}.untyped-letter{visibility:hidden}.typed-letter{position:relative}.typing-head:after{content:"";position:absolute;right:-.045em;top:.08em;bottom:.05em;width:.035em;background:currentColor;animation:caret .8s steps(1) infinite}@media(max-width:600px){.drawing-section{padding-inline:20px;gap:42px}.drawing-section h2{font-size:clamp(32px,8vw,48px)}.computer{width:86vw}.closing-section h2{font-size:clamp(36px,9.5vw,54px)}.scene-nav{bottom:20px}}@media(max-height:600px){.drawing-section{gap:20px;padding-top:30px;padding-bottom:70px}.drawing-section h2{font-size:32px}.computer{width:min(70vw,70svh)}.closing-section{padding-top:100px;padding-bottom:70px;gap:24px}.closing-section h2{font-size:36px}.closing-notch{height:64px}.scene-nav{bottom:10px}}.journey{height:900svh;--wipe-4: inset(0 50% 100%);--wipe-5: inset(0 50% 100%)}.chapter-5 .notch>.eyes,.chapter-6 .notch>.eyes{opacity:0}.chapter-5 .scenes,.chapter-6 .scenes{opacity:0;pointer-events:none}.chapter-5 .scene-nav span{background:#cfcec8}.chapter-5 .scene-nav [aria-current] span{background:#111110}.teaching-section{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,4svh,44px);padding:44px 24px 94px;opacity:0;pointer-events:none;transform:translateY(var(--chapter-shift, 0px))}.teaching-section.is-current{opacity:var(--chapter-opacity, 1);pointer-events:auto}.teaching-section h2{margin:0;text-align:center;font-size:clamp(32px,min(5.7vw,6.5svh),76px);line-height:1.06;letter-spacing:-.055em;font-weight:600;max-width:1000px}.physics-section{color:#fffefa}.editing-section{color:#111110;gap:20px}.editing-section>p{margin:0 0 12px;font-size:clamp(15px,1.5vw,20px);text-align:center;max-width:640px;line-height:1.45;animation:none}.drawing-section>h2{max-width:900px}.demo-computer{width:min(1000px,89vw,108svh)}.freehand-demo{width:min(880px,84vw,90svh)}.demo-computer .computer-screen{aspect-ratio:900 / 510}.demo-svg{display:block;width:100%;height:100%}.demo-svg text{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.mock-label{fill:#ecece7;font-weight:600}.hand-ink{stroke-dasharray:1;stroke-dashoffset:1}.artist-brush{opacity:0}.demo-notch{position:absolute;z-index:2;top:0;left:50%;transform:translate(-50%);width:25%;height:11.5%;border-radius:0 0 13px 13px;background:#050505;display:flex;align-items:center;justify-content:space-around;padding:0 5%;transition:width .65s cubic-bezier(.16,1,.3,1),height .65s cubic-bezier(.16,1,.3,1)}.demo-notch .eye{width:17%;min-width:12px;color:#fffefa;transition:width .65s cubic-bezier(.16,1,.3,1)}.demo-notch .pupil{transition:transform .1s linear}.demo-notch.is-speaking{width:36%;height:17%}.demo-notch.is-teaching{width:34%;height:18%}.demo-notch.is-teaching .eye{width:23%}.notch-wave{position:absolute;left:45%;bottom:10%;display:flex;align-items:center;justify-content:center;gap:2px;width:10%;height:13%;opacity:0;transition:opacity .3s}.notch-wave i{height:100%;width:2px;background:#d1efb0;animation:wave .55s ease-in-out infinite alternate}.is-speaking .notch-wave{opacity:1}.explain-caption{position:absolute;z-index:3;right:3.6%;top:23%;width:28%;min-height:34%;border:1px solid #ffffff1a;border-radius:12px;padding:13px 14px;background:#080a09f5;color:#e9eee5;font-size:clamp(11px,1.3vw,17px);line-height:1.4;letter-spacing:-.02em;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}.explain-caption.is-talking{opacity:1;transform:none}.caption-voice{display:flex;align-items:center;justify-content:space-between;font-size:.8em;color:#c4dea8;margin-bottom:9px}.caption-voice>div{height:12px;display:flex;gap:2px;align-items:center}.caption-voice i{height:12px;width:2px;background:#c4dea8;animation:wave .5s ease-in-out infinite alternate}.caption-caret{display:inline-block;height:1em;border-right:1px solid #c4dea8;vertical-align:-.12em;margin-left:1px;animation:caret .9s steps(1) infinite}.pixie-cursor{opacity:0}.guide-hint{position:absolute;z-index:3;top:21%;left:27%;padding:9px 13px;border-radius:10px;background:#080b08ed;color:#f0f3ea;font-size:clamp(11px,1.3vw,16px);letter-spacing:-.02em;display:flex;gap:9px;align-items:center;box-shadow:0 5px 20px #0005;opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}.guide-hint.is-talking{opacity:1;transform:none}.guide-number{background:#d1efb0;color:#182413;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:11px}.demo-notch .eye{animation:demo-blink 5.7s infinite}@keyframes demo-blink{0%,45%,49%,to{transform:scaleY(1)}46.5%,47.5%{transform:scaleY(.12)}}@media(max-width:600px){.teaching-section{padding-inline:16px;gap:34px}.teaching-section h2{font-size:clamp(32px,8vw,46px)}.editing-section{gap:18px}.editing-section>p{max-width:320px;font-size:16px;margin-bottom:20px}.demo-computer{width:92vw}.explain-caption{border-radius:6px;padding:7px;font-size:10px;top:22%;width:30%}.caption-voice{margin-bottom:4px}.demo-notch{border-radius:0 0 7px 7px}.guide-hint{left:24%;font-size:10px;padding:6px 8px;gap:5px}.guide-number{height:14px;width:14px;font-size:9px}}@media(max-height:650px){.teaching-section{gap:18px;padding-top:20px;padding-bottom:65px}.teaching-section h2{font-size:32px}.editing-section>p{margin-bottom:0;font-size:14px}.demo-computer{width:min(86vw,100svh)}.freehand-demo{width:min(82vw,85svh)}}@media(prefers-reduced-motion:reduce){.hand-ink{stroke-dashoffset:0}.demo-notch .pupil{transition:none}}.hero-decor{position:absolute;inset:0;pointer-events:none;opacity:var(--intro-opacity, 1)}.hero-sticker{position:absolute;width:clamp(52px,5.8vw,84px);transform:rotate(var(--tilt))}.hero-sticker>span{display:block;animation:sticker-float 5s ease-in-out infinite;animation-delay:var(--delay, 0s)}.hero-sticker svg{display:block;width:100%;overflow:visible;filter:drop-shadow(0 6px 7px #30291c12)}.sticker-music{left:9%;top:24%;--tilt: -13deg}.sticker-cursor{right:9%;top:31%;--tilt: 12deg;--delay: -2.5s}.sticker-heart{left:17%;top:74%;--tilt: -12deg;--delay: -4s;width:clamp(43px,4.6vw,68px)}.sticker-brush{right:16%;top:73%;--tilt: 15deg;--delay: -1s}.hero-fleck{position:absolute;width:clamp(13px,1.6vw,23px);height:4px;border-radius:1px;background:#30322c;transform:rotate(var(--tilt));animation:fleck-drift var(--duration, 5s) ease-in-out infinite;animation-delay:var(--delay)}.hero-fleck.is-square{width:6px;height:6px;border-radius:0}.fleck-sage{background:#45ca88}.fleck-coral{background:#f26887}.fleck-violet{background:#9560f5}.fleck-gold{background:#f5bb36}.hello-button{position:relative}.hello-burst{position:absolute;inset:0;pointer-events:none}.hello-burst i{position:absolute;left:50%;top:50%;width:5px;height:3px;border-radius:1px;background:#45ca88;opacity:0}.hello-burst i:nth-child(3n){background:#f26887}.hello-burst i:nth-child(3n+1){background:#f5bb36}.hello-burst.is-celebrating i{animation:hello-confetti .85s cubic-bezier(.18,.65,.35,1) both;animation-delay:var(--delay)}@keyframes sticker-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(4deg)}}@keyframes fleck-drift{0%,to{transform:translateY(0) rotate(var(--tilt))}50%{transform:translate(var(--drift),-15px) rotate(calc(var(--tilt) + 32deg))}}@keyframes hello-confetti{0%{opacity:0;transform:translate(calc(var(--x) * .5)) scale(.4)}15%{opacity:1}65%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.8)}}@media(max-width:600px){.hero-sticker{width:44px}.sticker-music{left:4%;top:28%}.sticker-cursor{right:4%;top:32%}.sticker-heart{left:9%;top:80%;width:36px}.sticker-brush{right:8%;top:78%}.hero-fleck:nth-of-type(2n){display:none}.hero-fleck{width:11px;height:2px}.hero-fleck.is-square{width:4px;height:4px}}@media(max-height:620px){.sticker-heart,.sticker-brush{top:72%}}@media(prefers-reduced-motion:reduce){.hero-sticker>span,.hero-fleck,.hello-burst.is-celebrating i{animation:none}}.speed-demo{display:block;width:min(540px,86vw);height:auto;margin:0 auto;overflow:visible;color:#191b17}.speed-label{fill:#6c7066;font:500 18px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.3px}.lane-pixie .speed-label{fill:#191b17;font-weight:650}.task-complete{opacity:0;animation:speed-you-one 9s linear infinite}.lane-you .task-1 .task-complete{animation-name:speed-you-two}.lane-you .task-2 .task-complete{animation-name:speed-you-three}.lane-pixie .task-0 .task-complete{animation-name:speed-pixie-one}.lane-pixie .task-1 .task-complete{animation-name:speed-pixie-two}.lane-pixie .task-2 .task-complete{animation-name:speed-pixie-three}.speed-pointer{transform:translate(110px,83px);animation:speed-you 9s cubic-bezier(.4,0,.2,1) infinite}.pointer-pixie{animation-name:speed-pixie}.speed-pixel-eyes{transform-origin:19px 12px;animation:speed-wait-blink 9s linear infinite}.chapter-1 .scenes{top:43%}@keyframes speed-you{0%,5%{transform:translate(110px,83px);opacity:0}9%{opacity:1}22%,31%{transform:translate(190px,65px)}49%,58%{transform:translate(310px,65px)}74%,80%{transform:translate(430px,65px);opacity:1}88%,to{transform:translate(478px,80px);opacity:0}}@keyframes speed-pixie{0%,5%{transform:translate(110px,83px);opacity:0}9%{opacity:1}10%,13%{transform:translate(190px,65px)}18%,21%{transform:translate(310px,65px)}26%,29%{transform:translate(430px,65px)}35%,80%{transform:translate(478px,62px);opacity:1}88%,to{transform:translate(478px,62px);opacity:0}}@keyframes speed-you-one{0%,23%,95%,to{opacity:0}25%,88%{opacity:1}}@keyframes speed-you-two{0%,50%,95%,to{opacity:0}52%,88%{opacity:1}}@keyframes speed-you-three{0%,75%,95%,to{opacity:0}77%,88%{opacity:1}}@keyframes speed-pixie-one{0%,11%,95%,to{opacity:0}13%,88%{opacity:1}}@keyframes speed-pixie-two{0%,19%,95%,to{opacity:0}21%,88%{opacity:1}}@keyframes speed-pixie-three{0%,27%,95%,to{opacity:0}29%,88%{opacity:1}}@keyframes speed-wait-blink{0%,53%,57%,to{transform:scaleY(1)}54%,56%{transform:scaleY(.15)}}.speed-demo.is-still *{animation:none!important}.speed-demo.is-still .task-complete{opacity:1}.speed-demo.is-still .pointer-you{transform:translate(478px,80px)}.speed-demo.is-still .pointer-pixie{transform:translate(478px,62px)}@media(max-width:600px){.chapter-1 .scenes{top:47%}.speed-demo{width:92vw}.speed-label{font-size:21px}}@media(max-height:650px){.chapter-1 .scenes{top:40%}.speed-demo{width:min(400px,76vw);max-height:24svh}}