.marketing-root{--foreground:var(--card-foreground);color:var(--foreground);background:var(--brand-cream)}.marketing-root :where(a,button,summary):focus-visible{outline:2px solid var(--landing-focus,var(--brand-ink));outline-offset:5px}.marketing-root :where(.bg-brand-ink,.bento-ink){--landing-focus:var(--brand-cream)}.marketing-root .landing-shell{background:var(--brand-cream)}.marketing-root .landing-hero{padding:clamp(3rem,6vw,6rem) 1.25rem 2.5rem;text-align:center}.marketing-root .landing-eyebrow{display:flex;align-items:center;gap:.6rem;font-size:.875rem;font-weight:600;letter-spacing:.16em}.marketing-root .landing-dot{width:7px;height:7px;background:var(--brand-ink);border-radius:50%}.marketing-root .landing-title{margin:0 auto;font-size:clamp(2.5rem,5.4vw,5.2rem);line-height:1.09;font-weight:600;letter-spacing:-.055em}.marketing-root .landing-title-line{display:flex;justify-content:center;align-items:center;gap:.22em;margin-top:.13em}.marketing-root .landing-word{position:relative;display:inline-block;flex-shrink:0;overflow:hidden;clip-path:inset(0 round 999px);background:var(--brand-lime);color:var(--brand-ink);border-radius:999px;vertical-align:middle}.marketing-root .landing-word-active,.marketing-root .landing-word-previous,.marketing-root .landing-word-space{display:block;padding:.04em .38em .14em;white-space:nowrap}.marketing-root .landing-word-space{visibility:hidden}.marketing-root .landing-word-active,.marketing-root .landing-word-previous{position:absolute;top:0;left:50%;width:max-content;transform:translateX(-50%);text-align:center}.marketing-root .landing-cta{height:auto;min-height:3rem;border-radius:999px;padding:.8rem 1.4rem;white-space:normal;font-size:.875rem}.marketing-root .landing-section{max-width:1280px;margin-inline:auto;padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,3vw,2rem);scroll-margin-top:7rem}.marketing-root .landing-section-title{font-size:clamp(2rem,3.7vw,3.5rem);font-weight:500;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.marketing-root .landing-tour{max-width:1280px;margin:0 auto;padding:0 clamp(.75rem,2vw,2rem) 2rem;scroll-margin-top:7rem}.marketing-root .tour-interactive{--tour-image-height:clamp(12rem,calc(100svh - 21rem),40rem);width:100%;max-width:min(100%,max(52rem,calc(var(--tour-image-height) * 16 / 9)));height:calc(100svh - 8rem);max-height:900px;min-height:420px;margin-inline:auto;gap:.75rem}.marketing-root .tour-tab-scroll{min-width:0;flex-shrink:0}.marketing-root .tour-panel{min-height:0}.marketing-root .tour-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;height:auto;padding:.4rem;border-radius:1.2rem;background:var(--brand-sage)}.marketing-root .tour-tab{height:3.1rem;padding:.6rem;border-radius:.8rem;gap:.5rem;color:var(--brand-ink)}.marketing-root .tour-tab[data-active]{background:var(--brand-ink);color:var(--brand-cream)}.marketing-root .tour-stage{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--brand-stroke);border-radius:1.5rem;background:var(--background);box-shadow:0 24px 60px -40px var(--brand-ink)}.marketing-root .tour-screen{position:relative;background:var(--background);flex:1;min-height:0;overflow:hidden}.marketing-root .tour-screen picture{display:block;width:100%;height:100%}.marketing-root .tour-screen img{width:100%;height:100%;object-fit:contain;object-position:center}.marketing-tour-enlarged-picture{display:block;width:max-content}.marketing-tour-enlarged-picture img{display:block;width:var(--tour-capture-width);height:auto;max-width:none}.marketing-root .tour-expand{position:absolute;top:.6rem;right:.6rem;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--brand-stroke);border-radius:50%;background:var(--brand-cream);color:var(--brand-ink);box-shadow:0 2px 8px -4px var(--brand-ink)}.marketing-root .tour-bottom{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--brand-cream);align-items:center}.marketing-root .tour-steps{display:flex;gap:.35rem}.marketing-root .tour-step{width:2.75rem;height:2.75rem;border-radius:50%}.marketing-root .tour-step[aria-current=step]{background:var(--brand-ink);color:var(--brand-cream)}.marketing-root .bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-top:2rem}.marketing-root .bento-card{min-width:0;overflow:hidden;border-radius:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);background:var(--brand-sage)}.marketing-root .bento-card h3{font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:500;line-height:1.12;letter-spacing:-.035em}.marketing-root .bento-card p{max-width:32rem;margin-top:.85rem;line-height:1.65;color:var(--muted-foreground)}.marketing-root .bento-card>svg{margin-bottom:1.3rem;width:1.6rem;height:1.6rem}.marketing-root .bento-wide{grid-column:span 8}.marketing-root .bento-small{grid-column:span 4}.marketing-root .bento-half{grid-column:span 6}.marketing-root .bento-ink{background:var(--brand-ink);color:var(--brand-cream)}.marketing-root .bento-ink p{color:var(--brand-sage)}.marketing-root .bento-lime{background:var(--brand-lime);color:var(--brand-ink)}.marketing-root .bento-lime p{color:var(--brand-ink)}.marketing-root .bento-photo{padding:0;position:relative;min-height:360px}.marketing-root .bento-photo>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.marketing-root .bento-photo figcaption{position:absolute;bottom:1rem;left:1rem;right:1rem;padding:.6rem .9rem;border-radius:.65rem;background:var(--brand-cream);color:var(--brand-ink);font-size:.875rem}.marketing-root .bento-preview{margin-top:2rem;border:1px solid var(--brand-stroke);border-radius:.8rem;overflow:hidden;background:var(--background)}.marketing-root .bento-preview img{display:block;width:100%;height:auto}.marketing-root .landing-group{margin-top:4rem}.marketing-root .landing-group-label{display:flex;align-items:center;gap:.8rem;font-size:.875rem;font-weight:500}.marketing-root .landing-group-label span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--brand-stroke);border-radius:50%}.marketing-root .landing-group-label:after{content:"";height:1px;background:var(--brand-stroke);flex:1;margin-left:1rem}.marketing-root .landing-demo{--landing-focus:var(--brand-lime);--demo-muted:color-mix(in srgb,var(--brand-cream) 65%,var(--brand-ink));background:var(--brand-ink);color:var(--brand-cream);min-height:100svh;padding:clamp(6rem,10svh,8rem) 0 2rem;overflow:hidden;scroll-margin-top:0;display:flex;flex-direction:column;justify-content:center}.marketing-root .demo-showcase-heading{text-align:center;padding:0 1.25rem}.marketing-root .demo-showcase-heading h2{font-size:clamp(2.25rem,4.8vw,5rem);font-weight:500;line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.marketing-root .demo-showcase-heading h2 span{color:var(--brand-lime)}.marketing-root .demo-showcase-heading>p:last-child{color:var(--demo-muted);font-size:clamp(.875rem,1.1vw,1rem);line-height:1.65;max-width:48rem;margin:1rem auto 0;text-wrap:pretty}.marketing-root .demo-showcase{--demo-card-width:min(64vw,calc(46svh * 1265 / 800),65rem);--demo-gap:48px;margin-top:clamp(1.5rem,3svh,2.5rem)}.marketing-root .demo-showcase-stage{position:relative;display:flex;align-items:flex-start;gap:var(--demo-gap);overflow-x:auto;padding:1.5rem max(1.25rem,calc((100% - var(--demo-card-width)) / 2));scroll-snap-type:x mandatory;scrollbar-width:none;perspective:1800px}.marketing-root .demo-showcase-stage::-webkit-scrollbar{display:none}.marketing-root .demo-showcase-stage:focus{outline:none}.marketing-root .demo-showcase-stage:focus-visible:not([data-pointer-focus=true]){outline:1px solid var(--landing-focus);outline-offset:-6px}.marketing-root .demo-showcase-slide{width:var(--demo-card-width);flex:none;scroll-snap-align:center;transform-origin:center center}.marketing-root .demo-showcase-preview{display:block;width:100%;height:auto;padding:0;overflow:hidden;border:0;border-radius:clamp(.75rem,1.5vw,1.5rem);background:var(--brand-cream);box-shadow:0 22px 60px -30px color-mix(in srgb,var(--brand-ink) 65%,transparent);transition:none;cursor:grab}.marketing-root .demo-showcase-preview:disabled{opacity:1}.marketing-root .demo-showcase-preview img{display:block;width:100%;height:auto;aspect-ratio:1265/800;pointer-events:none;user-select:none;-webkit-user-drag:none}.marketing-root .demo-showcase-fallback-link{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem}.marketing-root .demo-showcase-fallback-link svg{width:1rem;height:1rem}.marketing-root .demo-showcase[data-enhanced=true] .demo-showcase-stage{display:block;overflow:clip;scroll-snap-type:none;padding:0;height:calc(var(--demo-card-width) * 800 / 1265 + 4rem);cursor:grab;user-select:none;touch-action:pan-y}.marketing-root .demo-showcase[data-enhanced=true] .demo-showcase-slide{position:absolute;top:1rem;left:50%;scroll-snap-align:none;will-change:transform}.marketing-root .demo-showcase[data-enhanced=true] .demo-showcase-fallback-link{display:none}.marketing-root .demo-showcase[data-dragging=true] :is(.demo-showcase-stage,.demo-showcase-preview){cursor:grabbing}.marketing-root .demo-showcase-footer{margin:0 auto;padding:0 1.25rem;display:flex;justify-content:center;align-items:center}.marketing-root .demo-showcase-link{min-height:3rem;padding:.8rem 1.4rem;border-radius:999px;border-color:color-mix(in srgb,var(--brand-cream) 30%,transparent);color:var(--brand-cream);background:transparent;gap:.6rem}.marketing-root .demo-showcase-link:hover{background:var(--brand-cream);color:var(--brand-ink)}.marketing-root .demo-showcase-note{text-align:center;padding:0 1.25rem;margin-top:1.25rem;font-size:.875rem;color:var(--demo-muted)}@media(max-width:639px){.marketing-root .landing-demo{padding-top:6.5rem;padding-bottom:2rem}.marketing-root .demo-showcase{--demo-card-width:82vw;--demo-gap:20px;margin-top:2rem}.marketing-root .demo-showcase-heading h2 span{display:block}.marketing-root .demo-showcase-heading h2{font-size:clamp(2.5rem,10vw,4rem)}.marketing-root .demo-showcase-note{margin-top:1rem}}@media(max-width:639px) and (max-height:700px){.marketing-root .landing-demo{padding-top:6rem;padding-bottom:1rem}.marketing-root .demo-showcase-heading h2{font-size:1.75rem}.marketing-root .demo-showcase-heading>p:last-child{font-size:.875rem;margin-top:.5rem}.marketing-root .demo-showcase{margin-top:1rem}.marketing-root .demo-showcase[data-enhanced=true] .demo-showcase-stage{height:calc(var(--demo-card-width) * 800 / 1265 + 2rem)}.marketing-root .demo-showcase-link{min-height:2.75rem;padding:.65rem 1.2rem}.marketing-root .demo-showcase-note{margin-top:.5rem}}.marketing-root .landing-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem}@media(max-width:1023px){.marketing-root .tour-interactive{max-width:100%;height:calc(100svh - 8rem);max-height:850px;min-height:420px}.marketing-root .tour-tab-scroll{flex-shrink:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:.75rem;margin-inline:calc(-1 * clamp(.75rem,2vw,2rem));padding-inline:clamp(.75rem,2vw,2rem)}.marketing-root .tour-tab-scroll::-webkit-scrollbar{display:none}.marketing-root .tour-tabs{display:flex;width:max-content;min-width:100%;justify-content:flex-start;padding:.3rem}.marketing-root .tour-tab{flex:none;height:2.75rem;padding:.6rem 1rem}.marketing-root .tour-panel{flex:1}.marketing-root .tour-stage{height:100%;display:flex;flex-direction:column}.marketing-root .tour-screen{flex:1;min-height:0;aspect-ratio:auto}.marketing-root .tour-bottom{flex-shrink:0}.marketing-root .landing-title-line{flex-direction:column;gap:.12em}.marketing-root .landing-title{font-size:clamp(2.5rem,7vw,4.5rem)}.marketing-root .bento-small,.marketing-root .bento-wide{grid-column:span 6}.marketing-root .landing-faq{gap:2rem}}@media(max-width:639px){.marketing-tour-enlarged-picture img{width:var(--tour-capture-mobile-width)}.marketing-root .landing-hero{padding-top:2.5rem}.marketing-root .landing-title{font-size:clamp(2.2rem,8.6vw,3.5rem)}.marketing-root .tour-tab{font-size:.875rem;gap:.5rem}.marketing-root .tour-tab svg{width:16px;height:16px}.marketing-root .tour-interactive{height:calc(100svh - 7.5rem)}.marketing-root .tour-bottom{grid-template-columns:1fr;gap:.6rem;padding:.85rem 1rem}.marketing-root .tour-bottom h3{font-size:1.125rem;line-height:1.25}.marketing-root .tour-bottom p{font-size:.875rem;line-height:1.4}.marketing-root .tour-bottom p:first-child{font-size:.875rem;margin-bottom:.35rem}.marketing-root .tour-steps{gap:0}.marketing-root .tour-step{width:2rem}.marketing-root .tour-controls{gap:.5rem}.marketing-root .bento-half,.marketing-root .bento-small,.marketing-root .bento-wide{grid-column:span 12}.marketing-root .bento-photo{min-height:280px;max-height:360px}.marketing-root .landing-faq{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.marketing-root *{scroll-behavior:auto}}@media(max-height:500px){.marketing-root .tour-interactive{height:auto;max-height:none}.marketing-root .tour-screen{flex:none;height:18rem}}