@import"https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Permanent+Marker&display=swap";@media(max-width:920px){.bonsai .bonsai-cursor{display:none}}.bonsai .beta{position:relative}.bonsai .beta:after{content:"Beta";position:absolute;top:8px;right:0;transform:translateX(120%);font-size:14px;letter-spacing:normal;line-height:14px;font-family:var(--font-sans);padding:4px 8px;background:var(--peach);color:var(--black);display:inline;border-radius:32px}.bonsai .splash:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:4;background:url(/bonsai/bg2.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.bonsai .cover{display:block;position:relative;min-height:100vh}.bonsai .cover .with-background:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;background:url(/bonsai/bg.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.bonsai .cover .floating{text-align:center;width:100%}@media(max-width:920px){.bonsai .cover .floating{text-align:left}}.bonsai .content{display:flex;width:100%;justify-content:center;margin-top:40px;z-index:2;position:relative}@media(max-width:920px){.bonsai .content{justify-content:flex-start}}.bonsai .download{width:120px;height:40px}.bonsai .bounce{margin:0 auto;max-width:600px}@media(max-width:920px){.bonsai .bounce{max-width:none}}.bonsai .bounce-title{display:block;text-align:center;width:100%;font-size:var(--font-lg);letter-spacing:-.05em;line-height:100%;font-weight:600}.bonsai .bounce-title>div{opacity:0}@media(max-width:920px){.bonsai .bounce-title{text-align:left}}.bonsai .bounce-description{color:var(--grey);font-size:var(--font-sm);line-height:150%;width:100%}.bonsai .bounce-description,.bonsai .bounce-description>div{text-align:center!important}@media(max-width:920px){.bonsai .bounce-description,.bonsai .bounce-description>div{text-align:left!important}}.bonsai .bounce-description>div{opacity:0}.bonsai .grid{display:grid;margin:6rem 0;grid-gap:24px;gap:24px;justify-items:center}.bonsai .grid.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.bonsai .grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:64px}@media(max-width:920px){.bonsai .grid.four{display:flex;flex-direction:column;gap:24px}}.bonsai .grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}@media(max-width:920px){.bonsai .grid.two.stack{display:flex;gap:24px;flex-direction:column}}.bonsai .grid.reflections{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;position:relative;margin:6rem 0}@media(max-width:920px){.bonsai .grid.reflections{display:flex;gap:24px;flex-direction:column;margin:3rem 0}.bonsai .grid{gap:16px;margin:1.5rem 0}}.bonsai .services{margin:6rem 0}.bonsai .services h3{margin-bottom:16px;margin-top:0;font-size:2.5rem}.bonsai .services p{color:var(--grey)}@media(max-width:920px){.bonsai .services{margin:3rem 0}}.bonsai .paperandpain{position:absolute;padding:24px 0;width:100%;max-width:var(--max-width);text-align:center;left:50%;transform:translateX(-50%);z-index:1;font-weight:600;letter-spacing:-.025rem;line-height:110%;color:rgba(0,0,0,.75);top:120px;font-size:2.5rem}@media(max-width:920px){.bonsai .paperandpain{bottom:0;top:auto;font-size:1.25rem;background:hsla(0,0%,100%,.5)}}.bonsai .paperandpain .message{width:100%;max-width:600px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:center;padding:0 24px}@media(min-width:921px)and (max-height:920px){.bonsai .paperandpain .message{max-width:25vw;float:left;text-align:left;justify-content:flex-start}}.bonsai .wireframes{margin-top:6rem}@media(max-width:920px){.bonsai .wireframes{margin-top:3rem}}.bonsai .wireframes-users-grid{display:flex;gap:40px;width:100%;margin:3rem auto 0;justify-content:center}.bonsai .wireframes-users-grid img:nth-child(2n){transform:translateY(24px)}@media(max-width:920px){.bonsai .wireframes-users-grid{gap:24px}}.bonsai .tags{width:100vw;left:50%;position:relative;margin-left:-50vw}.bonsai .full-width{width:100%;position:relative}.bonsai .full-screen-width{width:100vw;left:50%;position:relative;margin-left:-50vw}.bonsai .sun-animation-container{width:calc(100vw - 48px)}@media(max-width:920px){.bonsai .sun-animation-container{width:100vw!important}}.bonsai .sun-animation-container img{position:absolute;bottom:-8px;left:0;z-index:1;width:100%}.bonsai .sun-animation-container .container{margin:0 auto;max-width:var(--max-width);padding:120px 24px}@media(max-width:920px){.bonsai .sun-animation-container .container{padding:24px}}.bonsai .sun-animation-container .container h2{color:#cacaca}.bonsai .figma-preview{margin-top:6rem;margin-bottom:6rem;padding:1rem 0}@media(max-width:920px){.bonsai .figma-preview{margin-top:3rem;margin-bottom:3rem}}.bonsai .divider{width:100%;height:1px;background:var(--black);margin:3rem 0}.bonsai .user-note{display:flex;font-family:Permanent Marker,sans-serif;font-size:18px;background:linear-gradient(180deg,#bbebff,#bbebff 12%,#aadcf1 75%,#c3e5f4);border-radius:2px;justify-content:center;align-content:center;flex-wrap:wrap;padding:16px;aspect-ratio:1/1;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media(max-width:920px){.bonsai .user-note{left:50%!important;transform:translateY(-50%)!important}}@media(min-height:850px){.bonsai .notes{height:100%;max-height:80vh}}@media(max-width:920px){.bonsai .notes{scale:.75;top:0!important;transform:none!important}.bonsai .desktop-only{display:none}}.bonsai .sun{pointer-events:none;z-index:1}.bonsai .carousel-wrapper{max-width:375px}@media(max-height:850px){.bonsai .carousel-wrapper{max-width:320px}.bonsai .carousel-wrapper img{max-width:250px!important}}.bonsai .card{width:320px;position:relative;cursor:pointer;perspective:1000px;transform-style:preserve-3d;transition:rotate .5s linear}.bonsai .card,.bonsai .card div{max-width:320px;max-height:100vh}@media(max-height:850px){.bonsai .card,.bonsai .card div{max-width:250px}}.bonsai .card.show{rotate:y 180deg}.bonsai .card-back,.bonsai .card-front{position:absolute;display:grid;place-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:40px;overflow:hidden;width:100%}.bonsai .card-back{transform:translate(-50%,-50%) rotateY(180deg);box-shadow:0 48px 100px 0 rgba(17,12,46,.15)}.bonsai .card-back .phone-content{width:100%;aspect-ratio:1/2.16;overflow:hidden}@media(max-height:850px){.bonsai .card-back .phone-content{aspect-ratio:auto;max-height:540px}}.bonsai .img-shadow{box-shadow:0 48px 100px 0 rgba(17,12,46,.15);border-radius:40px}.bonsai .user-photo{position:absolute;width:100%;top:0;height:100vh;display:flex;z-index:10;max-width:750px;left:50%;transform:translateX(-50%);padding:0 24px}.bonsai .user-photo.left .user-emotions{left:0}.bonsai .user-photo.right{justify-content:end}.bonsai .user-photo.right .user-emotions{right:0;left:auto}.bonsai .user-photo .wrapper{display:flex;width:120px;height:120px;border-radius:40px;overflow:hidden}.bonsai .user-photo .bubble{position:absolute;max-width:240px;font-size:1.25rem;top:-72px;z-index:2}.bonsai .user-photo .bubble.left{right:-250px}.bonsai .user-photo .bubble.right{left:-250px}.bonsai .user-photo .bubble .bubble-content{background:#fff;color:#545454;text-align:left;padding:24px 32px;border-radius:40px}.bonsai .user-photo .bubble .bubble-dot{position:absolute;z-index:2;background:#fff;border-radius:50%}@media(max-width:1220px){.bonsai .user-photo{max-width:450px}}@media(max-width:920px){.bonsai .user-photo .bubble{top:0!important;transform:translateY(-100%)}.bonsai .user-photo .bubble.left{right:0!important}.bonsai .user-photo .bubble.right{left:0!important}.bonsai .user-photo .bubble-dot{display:none}}.bonsai .user-emotions{position:absolute;top:0;left:0;width:120px;height:120px;z-index:1}.bonsai .user-emotions .emoji0{position:absolute;animation:swayWayTwo 2s linear infinite;animation-delay:0s;font-size:2rem}.bonsai .user-emotions .emoji1{position:absolute;animation:swayWayOne 2s linear infinite;animation-delay:.25s;font-size:2rem}.bonsai .user-emotions .emoji2{position:absolute;animation:swayWayTwo 2s linear infinite;animation-delay:.5s;font-size:2rem}.bonsai .user-emotions .emoji3{position:absolute;animation:swayWayOne 2s linear infinite;animation-delay:.75s;font-size:2rem}.bonsai .user-emotions .emoji4{position:absolute;animation:swayWayTwo 2s linear infinite;animation-delay:1s;font-size:2rem}.bonsai .user-emotions .emoji5{position:absolute;animation:swayWayOne 2s linear infinite;animation-delay:1.25s;font-size:2rem}.bonsai .user-emotions .emoji6{position:absolute;animation:swayWayTwo 2s linear infinite;animation-delay:1.5s;font-size:2rem}.bonsai .user-emotions .emoji7{position:absolute;animation:swayWayOne 2s linear infinite;animation-delay:1.75s;font-size:2rem}.bonsai .user-emotions .emoji8{position:absolute;animation:swayWayTwo 2s linear infinite;animation-delay:2s;font-size:2rem}.bonsai .user-emotions .emoji9{position:absolute;animation:swayWayOne 2s linear infinite;animation-delay:2.25s;font-size:2rem}.bonsai .screen-width{width:100vw;left:50%;max-width:none;position:relative;margin-left:-50vw;margin-right:-50vw}.bonsai .users{margin:3rem 0}.bonsai .bird{position:relative;width:48px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.5}.bonsai .bird .wing{position:absolute;top:50%;left:50%;transform-origin:left bottom}.bonsai .bird .left{transform:translate(-50%,-50%) rotate(-28deg) scaleX(1.1) scaleY(.9);animation:flap-left 1.2s ease-in-out infinite}.bonsai .bird .right{transform:translate(-50%,-50%) scaleX(-1) rotate(-28deg) scaleX(1.1) scaleY(.9);animation:flap-right 1.2s ease-in-out infinite}@keyframes flap-left{0%,to{transform:translate(-50%,-50%) rotate(-28deg) scaleX(1.1) scaleY(.9)}50%{transform:translate(-50%,-50%) rotate(-10deg) scaleX(1.15) scaleY(1.05)}}@keyframes flap-right{0%,to{transform:translate(-50%,-50%) scaleX(-1) rotate(-28deg) scaleX(1.1) scaleY(.9)}50%{transform:translate(-50%,-50%) scaleX(-1) rotate(-10deg) scaleX(1.15) scaleY(1.05)}}.bonsai .reflection-card{width:100%;padding:24px;border-radius:32px;position:relative;overflow:hidden;transition:box-shadow .25s ease-in-out}.bonsai .reflection-card .content-top{z-index:1;position:relative;padding-bottom:64px}.bonsai .reflection-card .content-top .tag{font-size:.85rem;text-transform:uppercase;color:var(--grey)}.bonsai .reflection-card .content-top .title{font-family:Cardo,serif;font-size:1.35rem;font-weight:400;line-height:135%;letter-spacing:-.02em;color:#0c1605}.bonsai .reflection-card img{position:absolute;left:0;bottom:0;width:100%;max-width:none;height:auto;z-index:0;opacity:.75;transform:scale(1.1);transition:all .25s ease-in-out;transform-origin:bottom left}@media(max-width:920px){.bonsai .reflection-card img{transform:translateY(10%)}}.bonsai .reflection-card:hover{box-shadow:0 10px 30px -5px rgba(0,0,0,.3)}.bonsai .reflection-card:hover img{transform:scale(1)}.bonsai .footer.content{display:flex;flex-direction:column;gap:24px}@media(min-width:920px){.bonsai .footer.content{align-items:center}}@keyframes swayWayOne{0%{top:0;transform:rotate(12deg);left:50%}33%{top:-50px;transform:rotate(-5deg);left:55%;opacity:.5}66%{top:-100px;transform:rotate(8deg);left:75%;opacity:.25}to{top:-150px;transform:rotate(0deg);left:45%;opacity:0}}@keyframes swayWayTwo{0%{top:0;transform:rotate(-10deg);left:50%}33%{top:-120px;transform:rotate(20deg);left:45%;opacity:.5}66%{top:-200px;transform:rotate(-5deg);left:25%;opacity:.25}to{top:-250px;transform:rotate(0deg);left:50%;opacity:0}}.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:-moz-fit-content;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;font-weight:500;transition:box-shadow .5s ease-out;overflow:hidden}@media(max-width:920px){.animated-gradient-text{margin:0}}.gradient-overlay{right:0;bottom:0;background-size:300% 100%;animation:gradient linear infinite;z-index:0;pointer-events:none}.gradient-overlay,.gradient-overlay:before{position:absolute;top:0;left:0;border-radius:inherit}.gradient-overlay:before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-content{display:inline-block;position:relative;z-index:2;font-size:1.4rem;font-weight:600;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.parallax{position:relative;overflow:hidden}.scroller{display:flex;white-space:nowrap;text-align:center;color:#5c5757;font-size:16px;font-weight:600;letter-spacing:-.02em;padding:16px 0}.scroller span{flex-shrink:0}.scroller span.text-wrap{display:flex;gap:8px;margin:0 4px}.scroller span .text{padding:16px;border-radius:40px;background:#f5f4ef}@media(min-width:921px){.scroller{font-size:16px;line-height:100%}}