.landing-paper-frame+.landing-paper-frame{position:absolute;inset:0;opacity:0}.landing-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-dasharray:0 6;opacity:.8}@media(prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .landing-paper,:root:not([data-reduce-motion=reduce]) .landing-paper-frame{animation-duration:var(--idle);animation-timing-function:step-end;animation-iteration-count:infinite;animation-delay:var(--idle-delay)}:root:not([data-reduce-motion=reduce]) .landing-paper{animation-name:landing-paper-pose}:root:not([data-reduce-motion=reduce]) .landing-paper-frame:nth-child(2){animation-name:landing-scrap-crease-1}:root:not([data-reduce-motion=reduce]) .landing-paper-frame:nth-child(3){animation-name:landing-scrap-crease-2}:root:not([data-reduce-motion=reduce]) .landing-line{animation:landing-line-flow .65s linear infinite}}@keyframes landing-paper-pose{0%{rotate:none}35%{rotate:var(--r1)}60%{rotate:var(--r2)}80%{rotate:none}}@keyframes landing-line-flow{to{stroke-dashoffset:-6}}@keyframes landing-scrap-crease-1{0%{opacity:0}35%{opacity:1}60%{opacity:0}}@keyframes landing-scrap-crease-2{0%{opacity:0}60%{opacity:1}80%{opacity:0}}.landing-flow{--flow-step: 6px;background-image:radial-gradient(circle at center,currentColor 0 1px,transparent 1.25px);background-size:var(--flow-step) 2px;background-repeat:repeat-x;background-position:0 0}.landing-flow:is([data-dir=down],[data-dir=up]){background-size:2px var(--flow-step);background-repeat:repeat-y}@media(prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .landing-flow{animation:landing-flow-right .65s linear infinite}:root:not([data-reduce-motion=reduce]) .landing-flow[data-dir=left]{animation-name:landing-flow-left}:root:not([data-reduce-motion=reduce]) .landing-flow[data-dir=down]{animation-name:landing-flow-down}:root:not([data-reduce-motion=reduce]) .landing-flow[data-dir=up]{animation-name:landing-flow-up}}@keyframes landing-flow-right{to{background-position:var(--flow-step) 0}}@keyframes landing-flow-left{to{background-position:calc(-1 * var(--flow-step)) 0}}@keyframes landing-flow-down{to{background-position:0 var(--flow-step)}}@keyframes landing-flow-up{to{background-position:0 calc(-1 * var(--flow-step))}}@media(prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .landing-roll-in-down,:root:not([data-reduce-motion=reduce]) .landing-roll-out-down,:root:not([data-reduce-motion=reduce]) .landing-roll-in-up,:root:not([data-reduce-motion=reduce]) .landing-roll-out-up{animation:.52s cubic-bezier(.3,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 45ms)}:root:not([data-reduce-motion=reduce]) .landing-roll-in-down{animation-name:landing-roll-in-down}:root:not([data-reduce-motion=reduce]) .landing-roll-out-down{animation-name:landing-roll-out-down}:root:not([data-reduce-motion=reduce]) .landing-roll-in-up{animation-name:landing-roll-in-up}:root:not([data-reduce-motion=reduce]) .landing-roll-out-up{animation-name:landing-roll-out-up}:root:not([data-reduce-motion=reduce]) .landing-fade-in{animation:landing-fade-in .42s ease-out both}}@keyframes landing-roll-in-down{0%{opacity:0;transform:translateY(-55%);filter:blur(3px)}}@keyframes landing-roll-out-down{to{opacity:0;transform:translateY(55%);filter:blur(3px)}}@keyframes landing-roll-in-up{0%{opacity:0;transform:translateY(55%);filter:blur(3px)}}@keyframes landing-roll-out-up{to{opacity:0;transform:translateY(-55%);filter:blur(3px)}}@keyframes landing-fade-in{0%{opacity:0;transform:translateY(-4px)}}.tool-art{container-type:inline-size}.tool-art-fore{position:absolute;inset:0;display:block;transform-origin:50% 85%}.tool-art-paper,.tool-art-piece{position:absolute;display:block}.tool-art-paper{transform-origin:50% 50%;--idle: calc(2.4s + var(--i) * .31s + var(--j) * .43s);--idle-delay: calc(var(--i) * -.65s + var(--j) * -.9s)}.tool-art-paper img,.tool-art-piece{display:block;width:100%;height:auto}.tool-art-paper img+img{position:absolute;inset:0;opacity:0}.tool-art[data-act=pick] .tool-art-part{transform-origin:50% 50%}.tool-art[data-act=tick] .tool-art-part{opacity:0;transform-origin:40% 70%}:is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art-fore{transform:translate(-1%,-2.5%) rotate(-1.5deg);filter:drop-shadow(0 6px 6px rgb(1 18 16 / .12))}:is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art[data-act=pick] .tool-art-fore{transform:none;filter:none}:is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art[data-act=pick] .tool-art-part{transform:translate(2%,-3%) rotate(3deg) scale(1.05);filter:drop-shadow(0 6px 6px rgb(1 18 16 / .14))}:is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art[data-act=tick] .tool-art-part{opacity:1}.tool-art[data-act=beat] .tool-art-part,.tool-art[data-act=wave] .tool-art-part{transform-origin:50% 50%}@media(prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .tool-art-paper,:root:not([data-reduce-motion=reduce]) .tool-art-paper img{animation-duration:var(--idle);animation-timing-function:step-end;animation-iteration-count:infinite;animation-delay:var(--idle-delay)}:root:not([data-reduce-motion=reduce]) .tool-art-paper img:nth-child(2){animation-name:landing-scrap-crease-1}:root:not([data-reduce-motion=reduce]) .tool-art-paper img:nth-child(3){animation-name:landing-scrap-crease-2}:root:not([data-reduce-motion=reduce]) :is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art-paper{animation-name:tool-art-paper}:root:not([data-reduce-motion=reduce]) .tool-art-fore,:root:not([data-reduce-motion=reduce]) .tool-art[data-act=pick] .tool-art-part{transition:transform .3s steps(3,jump-end),filter .3s steps(3,jump-end)}:root:not([data-reduce-motion=reduce]) :is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art[data-act=write] .tool-art-part{animation:tool-write .36s step-end both;animation-delay:calc(.2s + var(--k) * .15s)}:root:not([data-reduce-motion=reduce]) :is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art[data-act=tick] .tool-art-part{animation:hero-stamp .33s step-end both;animation-delay:calc(.25s + var(--k) * .35s)}:root:not([data-reduce-motion=reduce]) :is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art[data-act=beat] .tool-art-part{animation:tool-beat 1.2s step-end infinite}:root:not([data-reduce-motion=reduce]) :is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art[data-act=wave] .tool-art-part{animation:tool-wave .66s step-end infinite;animation-delay:calc(var(--k) * -.22s)}:root:not([data-reduce-motion=reduce]) :is(.landing-tool-card:is(:hover,:focus-visible,[data-active]),.tool-art-host:is(:hover,:focus-visible,:focus-within,[data-on])) .tool-art[data-act=hop] .tool-art-part{animation:tool-hop 2.4s step-end infinite}}@keyframes tool-art-paper{0%{rotate:none;translate:none}35%{rotate:2deg;translate:1cqw -.7cqw}60%{rotate:-1.4deg;translate:-.8cqw .7cqw}80%{rotate:none;translate:none}}@keyframes tool-write{0%{clip-path:inset(-10% 100% -10% 0)}25%{clip-path:inset(-10% 68% -10% 0)}50%{clip-path:inset(-10% 40% -10% 0)}75%{clip-path:inset(-10% 14% -10% 0)}99.9%,to{clip-path:none}}@keyframes tool-beat{0%{transform:none}25%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(.97) rotate(1deg)}55%{transform:scale(1.05)}70%{transform:none}}@keyframes tool-wave{0%{transform:scaleY(1.15)}17%{transform:scaleY(.7)}33%{transform:scaleY(1.3)}50%{transform:scaleY(.85)}67%{transform:scaleY(1.1)}83%{transform:scaleY(.75)}}@keyframes tool-hop{0%{transform:none}20%{transform:translate(1.779cqw,12.356cqw) scale(1.12)}25%{transform:translate(1.779cqw,12.356cqw)}45%{transform:translate(3.51cqw,24.087cqw) scale(1.12)}50%{transform:translate(3.51cqw,24.087cqw)}70%{transform:translate(-1.779cqw,-12.548cqw) scale(1.12)}75%{transform:translate(-1.779cqw,-12.548cqw)}95%{transform:scale(1.12)}}@keyframes hero-stamp{0%{opacity:0}10%{opacity:1;transform:scale(1.5) rotate(-12deg)}40%{opacity:1;transform:scale(.9) rotate(3deg)}70%,to{opacity:1;transform:none}}@keyframes hero-shuffle{0%{z-index:2;transform:translate(14%,-4%) rotate(5deg)}25%{z-index:2;transform:translate(32%,-7%) rotate(10deg)}50%{z-index:0;transform:translate(30%,-6%) rotate(8deg)}75%{z-index:0;transform:translate(12%,-2%) rotate(4deg)}99.9%,to{z-index:0;transform:translate(6%,-1%) rotate(2deg)}}@keyframes hero-pulse{0%{transform:scaleY(1.25)}17%{transform:scaleY(.7)}33%{transform:scaleY(1.4)}50%{transform:scaleY(.85)}67%{transform:scaleY(1.15)}83%{transform:scaleY(.75)}99.9%{transform:none}}@keyframes hero-build{0%{transform:scaleY(0)}20%{transform:scaleY(.3) rotate(-3deg)}40%{transform:scaleY(.55) rotate(2deg)}60%{transform:scaleY(.85) rotate(-1.5deg)}80%{transform:scaleY(1.1) rotate(1deg)}99.9%,to{transform:none}}@keyframes hero-appear{0%{opacity:0}99.9%,to{opacity:1}}@keyframes hero-pop{0%{opacity:0}10%{opacity:1;transform:scale(1.7)}45%{opacity:1;transform:scale(.8)}80%,to{opacity:1;transform:none}}@keyframes hero-hop{0%,50%{transform:none}25%{transform:translateY(-45%) scale(1.1)}75%{transform:translateY(-20%)}99.9%{transform:none}}@keyframes hero-draw-up{0%{clip-path:inset(100% 100% 0 0)}25%{clip-path:inset(75% 75% 0 0)}50%{clip-path:inset(50% 50% 0 0)}75%{clip-path:inset(25% 25% 0 0)}99.9%,to{clip-path:inset(0)}}@keyframes paper-fill{0%{transform:scaleX(0)}33%{transform:scaleX(calc(var(--p, 1) * .4))}66%{transform:scaleX(calc(var(--p, 1) * .75))}99.9%,to{transform:scaleX(var(--p, 1))}}@media(prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-stamp{animation:hero-stamp var(--act-dur, .33s) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-pop{animation:hero-pop var(--act-dur, .24s) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-hop{animation:hero-hop var(--act-dur, .56s) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-appear{animation:hero-appear var(--act-dur, 1ms) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-build{transform-origin:50% 100%;animation:hero-build var(--act-dur, .48s) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-pulse{animation:hero-pulse var(--act-dur, .66s) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-draw-up{animation:hero-draw-up var(--act-dur, .5s) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-shuffle{animation:hero-shuffle var(--act-dur, .75s) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) .paper-act-fill{transform-origin:0 50%;animation:paper-fill var(--act-dur, .48s) step-end both}:root:not([data-reduce-motion=reduce]) :is([data-on],[data-scene=before],[data-scene=play]) :is(.paper-act-stamp,.paper-act-pop,.paper-act-hop,.paper-act-appear,.paper-act-build,.paper-act-pulse,.paper-act-draw-up,.paper-act-shuffle,.paper-act-fill){animation-delay:calc(var(--act-delay, 0ms) + var(--i, 0) * var(--act-stagger, 90ms));animation-iteration-count:var(--act-repeat, 1)}:root:not([data-reduce-motion=reduce]) [data-scene=before] :is(.paper-act-stamp,.paper-act-pop,.paper-act-hop,.paper-act-appear,.paper-act-build,.paper-act-pulse,.paper-act-draw-up,.paper-act-shuffle,.paper-act-fill){animation-play-state:paused}}.paper-scrap{--t: calc((.5 - var(--scroll, .5)) * 2);transform:translate(calc(var(--t) * var(--drift-x, 0px)),calc(var(--t) * var(--drift, 0px)));will-change:transform}:is([data-on],[data-scene=play]) .paper-lift,.paper-lift[data-on]{transform:translate(-1%,-4%) rotate(-3deg) scale(1.05);filter:drop-shadow(0 10px 10px rgb(1 18 16 / .22))}@media(prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .paper-lift{transition:transform .3s steps(3,jump-end),filter .3s steps(3,jump-end)}}[data-paused] :is(.landing-flow,.landing-line,.landing-paper,.landing-paper-frame,.landing-scrap-pose,.landing-scrap-frame,.tool-art-paper,.tool-art-paper img,.tool-art-part,.hero-piece-idle,.hero-piece-act,.hero-idle-check,.hero-idle-person,.hero-trend-dot,.hero-arrow,.problem-scrap,.problem-scrap-frame,.problem-card-back,.problem-card-back-frame,.loop-microscope-frame,.ingest-line,.ib-spinner,.blog-deck-paper,.blog-head-card,.demo-pad-pose,.ui-typing-dot,.cond-listening-bar,.en-live-dot,.fd-live,.uxr-bino,.uxr-live-dot){animation-play-state:paused!important}[data-frames-pending],[data-frames-pending] :is(.landing-paper-frame,.landing-scrap-pose,.landing-scrap-frame,.problem-scrap-frame,.problem-card-back-frame){animation-play-state:paused!important}.closing-corner-left{transform-origin:0 100%;--idle: 2.7s;--idle-delay: -.5s;--r1: .9deg;--r2: -.5deg}.closing-corner-right{transform-origin:100% 100%;--idle: 3.3s;--idle-delay: -1.9s;--r1: -.8deg;--r2: .5deg}@media(min-width:1464px){.closing-corners--content>.closing-slot-left{-webkit-mask-image:var(--reos-edge-left-in),linear-gradient(#000,#000);mask-image:var(--reos-edge-left-in),linear-gradient(#000,#000);-webkit-mask-size:12px 360px,calc(100% - 10px) 100%;mask-size:12px 360px,calc(100% - 10px) 100%;-webkit-mask-repeat:repeat-y,no-repeat;mask-repeat:repeat-y,no-repeat;-webkit-mask-position:left bottom,right top;mask-position:left bottom,right top}.closing-corners--content>.closing-slot-right{-webkit-mask-image:var(--reos-edge-right-in),linear-gradient(#000,#000);mask-image:var(--reos-edge-right-in),linear-gradient(#000,#000);-webkit-mask-size:12px 360px,calc(100% - 10px) 100%;mask-size:12px 360px,calc(100% - 10px) 100%;-webkit-mask-repeat:repeat-y,no-repeat;mask-repeat:repeat-y,no-repeat;-webkit-mask-position:right bottom,left top;mask-position:right bottom,left top}}.faq-toggle svg{transform:rotate(0)}.faq-toggle[data-open] svg{transform:rotate(45deg)}.faq-answer{grid-template-rows:0fr}.faq-answer[data-open]{grid-template-rows:1fr}@media(prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .faq-toggle svg{transition:transform .22s cubic-bezier(.45,0,.2,1)}:root:not([data-reduce-motion=reduce]) .faq-answer{transition:grid-template-rows .28s cubic-bezier(.45,0,.2,1)}}.faq-cards{transform-origin:100% 0;--idle: 2.9s;--idle-delay: -.7s;--r1: 1.4deg;--r2: -.8deg}@media(prefers-reduced-motion:reduce){.paper-replay{display:none}}:root[data-reduce-motion=reduce] .paper-replay{display:none}.paper-replay[data-lifted]{background-color:var(--color-field-bg);box-shadow:var(--shadow-soft)}.paper-replay[data-lifted]:hover{background-color:var(--color-surface-raised)}@media(min-width:1024px)and (max-height:820px){.page-hero-h1--short{font-size:4.5rem}}
