.app,.app .app-hero{display:flex;flex-direction:column}.app .app-hero{position:relative;align-items:center;margin:3rem 0 1rem}.app .app-hero:before{content:"";position:absolute;z-index:-1;top:-8rem;left:0;right:0;height:900px;background:radial-gradient(50% 42% at 50% 28%,rgba(255,248,235,.075),rgba(255,248,235,0) 70%),linear-gradient(90deg,rgba(var(--page),.8),rgba(var(--page),0) 28%,rgba(var(--page),0) 72%,rgba(var(--page),.8));mask-image:linear-gradient(180deg,#000 55%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);pointer-events:none}.app .app-hero h1{color:rgba(var(--ink),1);max-width:520px;text-align:center;margin:3rem .7rem 1rem;font-size:2.7rem;line-height:3rem;font-weight:700;animation:hero-rise .8s cubic-bezier(.2,.65,.2,1) .05s both}@media only screen and (max-width:680px){.app .app-hero h1{font-size:2.1rem;line-height:2.5rem;margin:3rem .5rem 1rem}}@media only screen and (max-width:380px){.app .app-hero h1{font-size:1.9rem;line-height:2.3rem}}.app .app-hero h1 .hero-strip{--strip-w:440px;--strip-h:76px;--strip-image:url(/assets/frame.png);--strip-mask:url(/assets/frame-mask.png);position:relative;z-index:1;display:flex;justify-content:center;color:#1a1a1a}@media only screen and (max-width:680px){.app .app-hero h1 .hero-strip{--strip-w:340px;--strip-h:80px}}[data-theme=light] .app .app-hero h1 .hero-strip{--strip-image:url(/assets/frame-light.png);--strip-mask:var(--strip-image)}.app .app-hero h1 .hero-strip__reveal{--pad:48px;flex:1 1;padding:var(--pad);margin:calc(-1*var(--pad));mask:linear-gradient(270deg,transparent,#000 8px);-webkit-mask:linear-gradient(270deg,transparent,#000 8px);animation:strip-reveal .95s cubic-bezier(.55,.05,.25,1) .45s both}.app .app-hero h1 .hero-strip__paper{display:block;position:relative;text-align:center;animation:strip-reveal-counter .95s cubic-bezier(.55,.05,.25,1) .45s both}.app .app-hero h1 .hero-strip__paper:before{content:"";z-index:-1;background:var(--strip-image) center/contain no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,calc(.35 * var(--shade))))}.app .app-hero h1 .hero-strip__paper:before,.app .app-hero h1 .hero-strip__roll{position:absolute;left:50%;top:50%;width:var(--strip-w);height:var(--strip-h);transform:translate(-50%,-45%) rotate(-1deg)}.app .app-hero h1 .hero-strip__roll{z-index:2;pointer-events:none}.app .app-hero h1 .hero-strip__roll:before{content:"";position:absolute;top:6px;bottom:-4px;left:0;width:24px;margin-left:-3px;transform-origin:3px 50%;border-radius:12px;background:rgba(0,0,0,calc(.45 * var(--shade)));filter:blur(4px);opacity:0;animation:strip-roll .95s cubic-bezier(.55,.05,.25,1) .45s both,strip-roll-shadow-fade .95s cubic-bezier(.55,.05,.25,1) .45s both}.app .app-hero h1 .hero-strip__roll-mask{position:absolute;inset:0;mask:var(--strip-mask) center/contain no-repeat;-webkit-mask:var(--strip-mask) center/contain no-repeat}.app .app-hero h1 .hero-strip__roll-mask:before{content:"";position:absolute;top:0;bottom:0;left:0;width:24px;margin-left:-8px;transform-origin:8px 50%;background:linear-gradient(90deg,#b9b6ae,#e4e1da 20%,#fdfcf8 44%,#ece9e2 64%,#b3b0a8 86%,#8d8a83);box-shadow:-9px 0 9px -3px rgba(0,0,0,.16);opacity:0;animation:strip-roll .95s cubic-bezier(.55,.05,.25,1) .45s both,strip-roll-fade .95s cubic-bezier(.55,.05,.25,1) .45s both}[data-theme=light] .app .app-hero h1 .hero-strip__roll-mask:before{background:linear-gradient(90deg,#dedbd4,#eeece6 20%,#fdfcf8 44%,#f4f2ed 64%,#dcd9d2 86%,#cdcac3);box-shadow:-9px 0 9px -3px rgba(0,0,0,.07)}.app .app-hero__labels{justify-content:center;margin-top:.4rem;animation:hero-rise .7s cubic-bezier(.2,.65,.2,1) .65s both}.app .app-hero__cta-wrapper{display:flex;width:100%;justify-content:center;padding:1.9rem 1rem 3rem;gap:1.75rem;align-items:center;animation:hero-rise .7s cubic-bezier(.2,.65,.2,1) .8s both}.app .app-hero__cta-wrapper>.main-cta-button{flex-shrink:0}@media only screen and (max-width:680px){.app .app-hero__cta-wrapper{flex-wrap:wrap;gap:1rem;padding:1.75rem 1rem 2rem}}@media only screen and (max-width:420px){.app .app-hero__cta-wrapper{gap:.75rem;padding-inline:.75rem}.app .app-hero__cta-wrapper>.main-cta-button{min-width:0;padding:.75rem 1rem}.app .app-hero__cta-wrapper .our-users{gap:.5rem}}.app .app-hero__cta-wrapper .our-users{display:flex;align-items:center;gap:.75rem;max-width:100%}.app .app-hero__cta-wrapper .our-users__avatars{flex-shrink:0}.app .app-hero__cta-wrapper .our-users__copy{display:flex;flex-direction:column;gap:.1rem;margin:0;font-size:.72rem;line-height:1.35;text-align:left;color:rgba(var(--ink),.6)}.app .app-hero__cta-wrapper .our-users__copy strong{color:rgba(var(--ink),1);font-size:.8rem;font-weight:600;white-space:nowrap}.app .sections{position:relative;z-index:3;display:flex;flex-direction:column;margin-top:2rem}.app .sections:before{display:block;content:"";position:absolute;z-index:-2;left:0;right:0;top:-1rem;bottom:-1rem;background-image:var(--band-edge-top),var(--band-edge-bottom);background-position:0 0,0 100%;background-repeat:repeat-x;filter:var(--band-filter)}.app .sections:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(ellipse 70% 700px at 50% 0,rgba(255,250,240,.05),rgba(255,250,240,0) 70%),linear-gradient(90deg,rgba(0,0,0,calc(.3 * var(--shade))),rgba(0,0,0,calc(0 * var(--shade))) 18%,rgba(0,0,0,calc(0 * var(--shade))) 82%,rgba(0,0,0,calc(.3 * var(--shade)))),var(--band-texture);background-color:var(--band-base);background-blend-mode:normal,normal,var(--band-blend);display:block}.home-section{padding:5rem 0;color:rgba(var(--ink),1);scroll-margin-top:40px}@media only screen and (max-width:680px){.home-section{padding:4rem 0}}.home-section--overview{padding-top:5rem}.home-section__cta{display:flex;justify-content:center;margin-top:3rem}.home-section__more{display:flex;justify-content:center;margin-top:1.5rem;font-size:.9rem}.section-head--compact{margin-bottom:2.25rem}.section-head--compact h2{font-size:1.6rem}@media only screen and (max-width:680px){.section-head--compact h2{font-size:1.4rem}}.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}@media only screen and (max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:600px){.bento{grid-template-columns:minmax(0,1fr)}}.bento-tile{position:relative;box-sizing:border-box;background:linear-gradient(180deg,hsla(0,0%,100%,.025),hsla(0,0%,100%,0) 40%),var(--card-bg);border-radius:12px;box-shadow:rgba(0,0,0,calc(.55 * var(--shade))) 0 20px 30px -12px;display:flex;flex-direction:column;gap:1.4rem;min-width:0;padding:1.5rem}.bento-tile:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,rgba(var(--ink),.04),rgba(var(--ink),.16) 12.5%,rgba(var(--ink),.04) 25%,rgba(var(--ink),.12) 37.5%,rgba(var(--ink),.04) 50%,rgba(var(--ink),.12) 62.5%,rgba(var(--ink),.04) 75%,rgba(var(--ink),.16) 87.5%,rgba(var(--ink),.04));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media only screen and (max-width:680px){.bento-tile{padding:1.2rem}}.bento-tile--cutout{grid-column:span 4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;grid-gap:0;gap:0;padding:0;overflow:hidden}.bento-tile--cutout .bento-tile__copy{align-self:center;padding:1.75rem 1.5rem 1.75rem 1.75rem}.bento-tile--cutout .bento-tile__visual{min-height:420px;border-radius:0;box-shadow:inset 1px 0 0 rgba(var(--ink),.07)}.bento-tile--cutout .cutout-compare{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}@media only screen and (max-width:900px){.bento-tile--cutout{grid-column:span 2}}@media only screen and (max-width:600px){.bento-tile--cutout{grid-column:auto;grid-template-columns:minmax(0,1fr)}.bento-tile--cutout .bento-tile__copy{padding:1.2rem 1.2rem .4rem}.bento-tile--cutout .bento-tile__visual{display:block;min-height:0;box-shadow:inset 0 1px 0 rgba(var(--ink),.07)}.bento-tile--cutout .cutout-compare{position:relative;aspect-ratio:1}}.bento-tile--foldout{grid-column:span 2}@media only screen and (max-width:900px){.bento-tile--foldout{grid-column:span 1}}@media only screen and (max-width:600px){.bento-tile--foldout{grid-column:auto}}.bento-tile--third{grid-column:span 2}@media only screen and (max-width:900px){.bento-tile--third{grid-column:span 1}}@media only screen and (max-width:600px){.bento-tile--third{grid-column:auto}}.bento-tile__copy{display:flex;flex-direction:column;align-items:flex-start}.bento-tile__copy .label-title{margin-bottom:.85rem;font-size:1.1rem}.bento-tile__copy p{color:rgba(var(--ink),.8);font-size:.92rem;line-height:1.55;text-wrap:pretty}.bento-tile__copy .text-link{margin-top:.9rem;font-size:.85rem;font-weight:600}.bento-tile__hint{display:block;color:rgba(var(--accent),1);font-size:.72rem;font-weight:600;letter-spacing:.14em;line-height:1.4;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;margin-top:1.1rem}.bento-tile__hint svg{font-size:1rem}.bento-tile__visual{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1;min-height:220px;overflow:hidden;border-radius:12px;background:radial-gradient(55% 55% at 50% 50%,rgba(255,250,240,.08),rgba(255,250,240,0) 70%),radial-gradient(rgba(var(--ink),.09) 1px,transparent 1.3px) 0 0/16px 16px,var(--board);box-shadow:inset 0 0 0 1px rgba(var(--ink),.07)}.bento-tile__visual>img{width:auto;height:auto;max-width:82%;max-height:86%;filter:drop-shadow(0 16px 20px rgba(0,0,0,calc(.6 * var(--shade))))}.bento-tile__visual--short{flex:none;min-height:0;aspect-ratio:16/10;margin-top:auto}.bento-tile__visual--short>img{max-height:80%}.bento-tile__visual--export>img{width:auto;height:82%;max-width:none;max-height:none}.bento-tile__visual--green{background:#00b140;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.bento-tile__visual--green>img{filter:none}.bento-tile__visual--checker{background:repeating-conic-gradient(#e9e9e9 0 25%,#fff 0 50%) 0 0/16px 16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.bento-tile__visual--checker>img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.bento-tile__format{position:absolute;top:10px;right:10px;padding:.15rem .45rem;border-radius:4px;background:hsla(0,0%,4%,.75);color:#f8f8f8;font-size:.62rem;font-weight:700;letter-spacing:.08em}.bento-compact{grid-column:span 2}@media only screen and (max-width:900px){.bento-compact{grid-column:span 1}.bento-compact:last-child{grid-column:span 2}}@media only screen and (max-width:600px){.bento-compact,.bento-compact:last-child{grid-column:auto}}.tool-card{position:relative;box-sizing:border-box;background:linear-gradient(180deg,hsla(0,0%,100%,.025),hsla(0,0%,100%,0) 40%),var(--card-bg);border-radius:12px;box-shadow:rgba(0,0,0,calc(.55 * var(--shade))) 0 20px 30px -12px;flex:0 1 300px;padding:1.3rem 1.3rem 1.2rem}.tool-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,rgba(var(--ink),.04),rgba(var(--ink),.16) 12.5%,rgba(var(--ink),.04) 25%,rgba(var(--ink),.12) 37.5%,rgba(var(--ink),.04) 50%,rgba(var(--ink),.12) 62.5%,rgba(var(--ink),.04) 75%,rgba(var(--ink),.16) 87.5%,rgba(var(--ink),.04));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media only screen and (max-width:680px){.tool-card{flex-basis:100%}}.tool-card h3{position:relative;display:flex;align-items:center;gap:.45rem;padding-bottom:.7rem;color:rgba(var(--ink),1);font-size:1.02rem;font-weight:600}.tool-card h3:after{content:"";position:absolute;left:0;bottom:0;width:120px;height:2px;background:linear-gradient(90deg,rgba(var(--ink),.85) 23%,rgba(var(--ink),0) 100%)}.tool-card h3 svg{flex-shrink:0;font-size:1.05rem;opacity:.55}.tool-card p{margin-top:.8rem;color:rgba(var(--ink),.8);font-size:.92rem;line-height:1.55}.match-cut{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;grid-gap:3.5rem;gap:3.5rem}@media only screen and (max-width:900px){.match-cut{grid-template-columns:minmax(0,1fr);gap:2.5rem}}.match-cut__media{min-width:0}.match-cut__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2.25rem}.match-cut__actions .text-link{font-size:.9rem;font-weight:600}.steps{display:flex;flex-direction:column;gap:1.5rem;list-style:none}.steps li{display:flex;align-items:flex-start;gap:1rem}.steps__num{flex-shrink:0;margin-top:.1rem;padding:.15rem .45rem;background-color:var(--solid);color:var(--solid-ink);font-size:.8rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.steps h3{font-size:1.1rem;font-weight:600}.steps p{margin-top:.3rem;color:rgba(var(--ink),.8);font-size:.95rem;line-height:1.55}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes strip-reveal{0%{transform:translateX(calc(-50% - var(--strip-w) / 4))}99.5%{transform:translateX(calc(var(--strip-w) / 2 - 50% + 8px))}to{transform:none}}@keyframes strip-reveal-counter{0%{transform:translateX(calc(50% + var(--pad) + var(--strip-w) / 4))}99.5%{transform:translateX(calc(50% + var(--pad) - var(--strip-w) / 2 - 8px))}to{transform:none}}@keyframes strip-roll{0%{transform:translateX(calc(var(--strip-w) / 4)) scaleX(1)}to{transform:translateX(calc(var(--strip-w) + 8px)) scaleX(.33)}}@keyframes strip-roll-fade{0%,70%{opacity:1}to{opacity:0}}@keyframes strip-roll-shadow-fade{0%,55%{opacity:1}78%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.app .app-hero .hero-strip__paper,.app .app-hero .hero-strip__reveal,.app .app-hero h1,.app .app-hero__cta-wrapper,.app .app-hero__labels{animation:none}.app .app-hero .hero-strip__roll{display:none}}.cutout-compare{position:relative;aspect-ratio:1;width:100%;overflow:hidden;border-radius:12px;cursor:ew-resize;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.cutout-compare__image{position:absolute;top:-3.4%;left:-3.4%;width:106.8%;height:106.8%;max-width:none;object-fit:cover;pointer-events:none}.cutout-compare__image--after{filter:drop-shadow(0 16px 20px rgba(0,0,0,calc(.6 * var(--shade))))}.cutout-compare__before{position:absolute;inset:0;-webkit-clip-path:inset(0 calc(100% - var(--position, 50%)) 0 0);clip-path:inset(0 calc(100% - var(--position, 50%)) 0 0)}.cutout-compare__label{position:absolute;top:12px;z-index:2;padding:.25rem .55rem;border-radius:999px;background:hsla(0,0%,4%,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f8f8f8;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.cutout-compare__label--before{left:12px}.cutout-compare__label--after{right:12px}.cutout-compare__handle{position:absolute;top:0;bottom:0;left:var(--position,50%);z-index:3;width:2px;margin-left:-1px;background:hsla(0,0%,100%,.9);box-shadow:0 0 12px rgba(0,0,0,.5);outline:none}.cutout-compare__handle:focus-visible .cutout-compare__knob{outline:2px solid #fff;outline-offset:3px}.cutout-compare__knob{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#fff;color:#1a1a1a;font-size:1.15rem;box-shadow:0 6px 18px rgba(0,0,0,.5)}