.landing-paper-frame+.landing-paper-frame{opacity:0;position:absolute;inset:0}.landing-line{fill:none;stroke:currentColor;stroke-width:2px;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:.65s linear infinite landing-line-flow}}@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:-6px}}@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,currentColor 0 1px,#0000 1.25px);background-size:var(--flow-step) 2px;background-position:0 0;background-repeat:repeat-x}.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:.65s linear infinite landing-flow-right}: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-duration:.52s;animation-timing-function:cubic-bezier(.3,.7,.2,1);animation-fill-mode: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:.42s ease-out both landing-fade-in}}@keyframes landing-roll-in-down{0%{opacity:0;filter:blur(3px);transform:translateY(-55%)}}@keyframes landing-roll-out-down{to{opacity:0;filter:blur(3px);transform:translateY(55%)}}@keyframes landing-roll-in-up{0%{opacity:0;filter:blur(3px);transform:translateY(55%)}}@keyframes landing-roll-out-up{to{opacity:0;filter:blur(3px);transform:translateY(-55%)}}@keyframes landing-fade-in{0%{opacity:0;transform:translateY(-4px)}}.tool-art{container-type:inline-size}.tool-art-fore{transform-origin:50% 85%;display:block;position:absolute;inset:0}.tool-art-paper,.tool-art-piece{display:block;position:absolute}.tool-art-paper{transform-origin:50%;--idle:calc(2.4s + var(--i) * .31s + var(--j) * .43s);--idle-delay:calc(var(--i) * -650ms + var(--j) * -900ms)}.tool-art-paper img,.tool-art-piece{width:100%;height:auto;display:block}.tool-art-paper img+img{opacity:0;position:absolute;inset:0}.tool-art[data-act=pick] .tool-art-part{transform-origin: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{filter:drop-shadow(0 6px 6px #0112101f);transform:translate(-1%,-2.5%)rotate(-1.5deg)}: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{filter:none;transform: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{filter:drop-shadow(0 6px 6px #01121024);transform:translate(2%,-3%)rotate(3deg)scale(1.05)}: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%}@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,end),filter .3s steps(3,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:.36s step-end both tool-write;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:.33s step-end both hero-stamp;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:1.2s step-end infinite tool-beat}: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:.66s step-end infinite tool-wave;animation-delay:calc(var(--k) * -220ms)}: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:2.4s step-end infinite tool-hop}}@keyframes tool-art-paper{0%{translate:none;rotate:none}35%{translate:1cqw -.7cqw;rotate:2deg}60%{translate:-.8cqw .7cqw;rotate:-1.4deg}80%{translate:none;rotate: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;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,0s) + 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]{filter:drop-shadow(0 10px 10px #01121038);transform:translate(-1%,-4%)rotate(-3deg)scale(1.05)}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .paper-lift{transition:transform .3s steps(3,end),filter .3s steps(3,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),[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}.landing-paper-frame:not([src]){visibility:hidden}.closing-corner-left{transform-origin:0 100%;--idle:2.7s;--idle-delay:-500ms;--r1:.9deg;--r2:-.5deg}.closing-corner-right{transform-origin:100% 100%;--idle:3.3s;--idle-delay:-1900ms;--r1:-.8deg;--r2:.5deg}@media (width>=1464px){.closing-corners--content>.closing-slot-left{-webkit-mask-image:var(--reos-edge-left-in), linear-gradient(#000, #000);-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-position:0 100%,100% 0;mask-position:0 100%,100% 0;-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}.closing-corners--content>.closing-slot-right{-webkit-mask-image:var(--reos-edge-right-in), linear-gradient(#000, #000);-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-position:100% 100%,0 0;mask-position:100% 100%,0 0;-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}}.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:-700ms;--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 (width>=1024px) and (height<=820px){.page-hero-h1--short{font-size:4.5rem}}