:root{--wpds-border-radius-xs:1px;--wpds-border-radius-sm:2px;--wpds-border-radius-md:4px;--wpds-border-radius-lg:8px;--wpds-border-radius-xl:12px;--wpds-border-width-xs:1px;--wpds-border-width-sm:2px;--wpds-border-width-md:4px;--wpds-border-width-lg:8px;--wpds-border-width-focus:2px;--wpds-color-background-surface-neutral:#fcfcfc;--wpds-color-background-surface-neutral-strong:#fff;--wpds-color-background-surface-neutral-weak:#f4f4f4;--wpds-color-background-surface-brand:#ecf0fa;--wpds-color-background-surface-success:#c6f7cd;--wpds-color-background-surface-success-weak:#ebffed;--wpds-color-background-surface-info:#deebfa;--wpds-color-background-surface-info-weak:#f3f9ff;--wpds-color-background-surface-warning:#fde6be;--wpds-color-background-surface-warning-weak:#fff7e1;--wpds-color-background-surface-caution:#fee995;--wpds-color-background-surface-caution-weak:#fff9ca;--wpds-color-background-surface-error:#f6e6e3;--wpds-color-background-surface-error-weak:#fff6f5;--wpds-color-background-interactive-neutral-strong:#2d2d2d;--wpds-color-background-interactive-neutral-strong-active:#1e1e1e;--wpds-color-background-interactive-neutral-strong-disabled:#e6e6e6;--wpds-color-background-interactive-neutral-weak:#0000;--wpds-color-background-interactive-neutral-weak-active:#ededed;--wpds-color-background-interactive-neutral-weak-disabled:#0000;--wpds-color-background-interactive-brand-strong:#3858e9;--wpds-color-background-interactive-brand-strong-active:#2e49d9;--wpds-color-background-interactive-brand-strong-disabled:#e6e6e6;--wpds-color-background-interactive-brand-weak:#0000;--wpds-color-background-interactive-brand-weak-active:#e6eaf4;--wpds-color-background-interactive-brand-weak-disabled:#0000;--wpds-color-background-interactive-error:#0000;--wpds-color-background-interactive-error-active:#fff6f5;--wpds-color-background-interactive-error-disabled:#0000;--wpds-color-background-interactive-error-strong:#cc1818;--wpds-color-background-interactive-error-strong-active:#b90000;--wpds-color-background-interactive-error-strong-disabled:#e6e6e6;--wpds-color-background-interactive-error-weak:#0000;--wpds-color-background-interactive-error-weak-active:#f6e6e3;--wpds-color-background-interactive-error-weak-disabled:#0000;--wpds-color-background-track-neutral-weak:#f0f0f0;--wpds-color-background-track-neutral:#dbdbdb;--wpds-color-background-thumb-neutral-weak:#8d8d8d;--wpds-color-background-thumb-neutral-weak-active:#6e6e6e;--wpds-color-background-thumb-brand:#3858e9;--wpds-color-background-thumb-brand-active:#3858e9;--wpds-color-background-thumb-brand-disabled:#dbdbdb;--wpds-color-background-thumb-neutral-weak-disabled:#dbdbdb;--wpds-color-foreground-content-neutral:#1e1e1e;--wpds-color-foreground-content-neutral-weak:#707070;--wpds-color-foreground-content-success:#002900;--wpds-color-foreground-content-success-weak:#008030;--wpds-color-foreground-content-info:#001b4f;--wpds-color-foreground-content-info-weak:#006bd7;--wpds-color-foreground-content-warning:#2e1900;--wpds-color-foreground-content-warning-weak:#926300;--wpds-color-foreground-content-caution:#281d00;--wpds-color-foreground-content-caution-weak:#826a00;--wpds-color-foreground-content-error:#470000;--wpds-color-foreground-content-error-weak:#cc1818;--wpds-color-foreground-interactive-neutral:#1e1e1e;--wpds-color-foreground-interactive-neutral-active:#1e1e1e;--wpds-color-foreground-interactive-neutral-disabled:#8d8d8d;--wpds-color-foreground-interactive-neutral-strong:#f0f0f0;--wpds-color-foreground-interactive-neutral-strong-active:#f0f0f0;--wpds-color-foreground-interactive-neutral-strong-disabled:#8d8d8d;--wpds-color-foreground-interactive-neutral-weak:#707070;--wpds-color-foreground-interactive-neutral-weak-active:#1e1e1e;--wpds-color-foreground-interactive-neutral-weak-disabled:#8d8d8d;--wpds-color-foreground-interactive-brand:#3858e9;--wpds-color-foreground-interactive-brand-active:#0b0070;--wpds-color-foreground-interactive-brand-disabled:#8d8d8d;--wpds-color-foreground-interactive-brand-strong:#eff0f2;--wpds-color-foreground-interactive-brand-strong-active:#eff0f2;--wpds-color-foreground-interactive-brand-strong-disabled:#8d8d8d;--wpds-color-foreground-interactive-error:#cc1818;--wpds-color-foreground-interactive-error-active:#470000;--wpds-color-foreground-interactive-error-disabled:#8d8d8d;--wpds-color-foreground-interactive-error-strong:#f2efef;--wpds-color-foreground-interactive-error-strong-active:#f2efef;--wpds-color-foreground-interactive-error-strong-disabled:#8d8d8d;--wpds-color-stroke-surface-neutral:#dbdbdb;--wpds-color-stroke-surface-neutral-weak:#f0f0f0;--wpds-color-stroke-surface-neutral-strong:#8d8d8d;--wpds-color-stroke-surface-brand:#b0bbd6;--wpds-color-stroke-surface-brand-strong:#3858e9;--wpds-color-stroke-surface-success:#94d29e;--wpds-color-stroke-surface-success-strong:#008030;--wpds-color-stroke-surface-info:#a9c6e7;--wpds-color-stroke-surface-info-strong:#006bd7;--wpds-color-stroke-surface-warning:#e1bc7c;--wpds-color-stroke-surface-warning-strong:#926300;--wpds-color-stroke-surface-caution:#cfc28d;--wpds-color-stroke-surface-caution-strong:#826a00;--wpds-color-stroke-surface-error:#dab1aa;--wpds-color-stroke-surface-error-strong:#cc1818;--wpds-color-stroke-interactive-neutral:#8d8d8d;--wpds-color-stroke-interactive-neutral-active:#6e6e6e;--wpds-color-stroke-interactive-neutral-disabled:#dbdbdb;--wpds-color-stroke-interactive-neutral-strong:#6e6e6e;--wpds-color-stroke-interactive-brand:#3858e9;--wpds-color-stroke-interactive-brand-active:#2337c8;--wpds-color-stroke-interactive-brand-disabled:#dbdbdb;--wpds-color-stroke-interactive-error:#cc1818;--wpds-color-stroke-interactive-error-active:#9d0000;--wpds-color-stroke-interactive-error-disabled:#dbdbdb;--wpds-color-stroke-interactive-error-strong:#cc1818;--wpds-color-stroke-focus:#3858e9;--wpds-cursor-control:pointer;--wpds-dimension-padding-xs:4px;--wpds-dimension-padding-sm:8px;--wpds-dimension-padding-md:12px;--wpds-dimension-padding-lg:16px;--wpds-dimension-padding-xl:20px;--wpds-dimension-padding-2xl:24px;--wpds-dimension-padding-3xl:32px;--wpds-dimension-gap-xs:4px;--wpds-dimension-gap-sm:8px;--wpds-dimension-gap-md:12px;--wpds-dimension-gap-lg:16px;--wpds-dimension-gap-xl:24px;--wpds-dimension-gap-2xl:32px;--wpds-dimension-gap-3xl:40px;--wpds-dimension-size-5xs:4px;--wpds-dimension-size-4xs:8px;--wpds-dimension-size-3xs:12px;--wpds-dimension-size-2xs:16px;--wpds-dimension-size-xs:20px;--wpds-dimension-size-sm:24px;--wpds-dimension-size-md:32px;--wpds-dimension-size-lg:40px;--wpds-dimension-surface-width-xs:240px;--wpds-dimension-surface-width-sm:320px;--wpds-dimension-surface-width-md:400px;--wpds-dimension-surface-width-lg:560px;--wpds-dimension-surface-width-xl:720px;--wpds-dimension-surface-width-2xl:960px;--wpds-motion-duration-xs:50ms;--wpds-motion-duration-sm:.1s;--wpds-motion-duration-md:.2s;--wpds-motion-duration-lg:.3s;--wpds-motion-duration-xl:.4s;--wpds-motion-easing-subtle:cubic-bezier(.15, 0, .15, 1);--wpds-motion-easing-balanced:cubic-bezier(.4, 0, .2, 1);--wpds-motion-easing-expressive:cubic-bezier(.25, 0, 0, 1);--wpds-typography-font-family-heading:-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;--wpds-typography-font-family-body:-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;--wpds-typography-font-family-mono:"Menlo", "Consolas", monaco, monospace;--wpds-typography-font-size-xs:11px;--wpds-typography-font-size-sm:12px;--wpds-typography-font-size-md:13px;--wpds-typography-font-size-lg:15px;--wpds-typography-font-size-xl:20px;--wpds-typography-font-size-2xl:32px;--wpds-typography-line-height-xs:16px;--wpds-typography-line-height-sm:20px;--wpds-typography-line-height-md:24px;--wpds-typography-line-height-lg:28px;--wpds-typography-line-height-xl:32px;--wpds-typography-line-height-2xl:40px;--wpds-typography-font-weight-default:400;--wpds-typography-font-weight-emphasis:600}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){:root{--wpds-border-width-focus:1.5px}}:is([data-wpds-corner-radius=none],:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=none])){--wpds-border-radius-xs:0px;--wpds-border-radius-sm:0px;--wpds-border-radius-md:0px;--wpds-border-radius-lg:0px;--wpds-border-radius-xl:0px}:is([data-wpds-corner-radius=subtle],:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=subtle])){--wpds-border-radius-xs:1px;--wpds-border-radius-sm:2px;--wpds-border-radius-md:4px;--wpds-border-radius-lg:8px;--wpds-border-radius-xl:12px}:is([data-wpds-corner-radius=moderate],:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=moderate])){--wpds-border-radius-xs:6px;--wpds-border-radius-sm:8px;--wpds-border-radius-md:12px;--wpds-border-radius-lg:16px;--wpds-border-radius-xl:20px}:is([data-wpds-corner-radius=pronounced],:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=pronounced])){--wpds-border-radius-xs:18px;--wpds-border-radius-sm:20px;--wpds-border-radius-md:22px;--wpds-border-radius-lg:24px;--wpds-border-radius-xl:26px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.matvis-theme{isolation:isolate;background-color:var(--wpds-color-background-surface-neutral);min-height:100dvh;color:var(--wpds-color-foreground-content-neutral)}.page{box-sizing:border-box;background:var(--wpds-color-background-surface-neutral);flex-direction:column;gap:40px;max-width:964px;margin:0 auto;padding:56px 32px 72px;display:flex}.tagline{color:var(--wpds-color-foreground-content-neutral-weak)}.desk{grid-template:"s1 a1 cat join app"1fr"s2 a2 con join app"1fr/128px 56px minmax(0,440px) 80px 260px;justify-content:start;align-items:stretch;row-gap:24px;display:grid}.desk .src{justify-content:center;align-items:center;display:flex}.desk .app-cell{align-items:center;display:flex;position:relative}.desk .app-cell>*{width:100%;height:auto}.desk .app-cell:before{content:"";border:5px solid #0000;border-left:7px solid var(--wpds-color-stroke-surface-neutral-strong);border-right:0;position:absolute;top:calc(50% - 5px);left:-9px}.phone{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px 12px;display:none}.phone .src{justify-content:center;align-items:end;display:flex}.logos{gap:6px;width:100%;display:grid}.logo{border-radius:var(--wpds-border-radius-md);box-sizing:border-box;background:#fff;place-items:center;height:36px;padding:7px 8px;display:grid}.logo img{object-fit:contain;max-width:100%;max-height:22px;display:block}.desk .src .logos{max-width:128px}.desk .src.single .logos{max-width:72px}.phone .logo{height:30px;padding:5px 6px}.phone .logo img{max-height:20px}.phone .logos{max-width:150px}.phone .src:nth-child(2) .logos{max-width:64px}.door{box-sizing:border-box;min-width:0;height:100%;color:inherit;text-decoration:none;transition:background .15s;display:block}.door:hover{background:var(--wpds-color-background-surface-neutral-strong)}.door:focus-visible{outline:var(--wpds-border-width-focus) solid var(--wpds-color-stroke-focus);outline-offset:2px}.door.primary{border-color:var(--wpds-color-stroke-surface-brand-strong);box-shadow:inset 0 0 0 1px var(--wpds-color-stroke-surface-brand-strong)}.door-body{box-sizing:border-box;flex-direction:column;gap:16px;height:100%;display:flex}.door-preview{flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.door.primary .door-name{fill:var(--wpds-color-foreground-interactive-brand)}.access{border-radius:var(--wpds-border-radius-sm);background:var(--wpds-color-background-surface-neutral-strong);border:1px solid var(--wpds-color-stroke-surface-neutral);width:24px;height:24px;fill:var(--wpds-color-foreground-content-neutral-weak);place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.door.primary .access{fill:var(--wpds-color-foreground-interactive-brand)}.go{border-radius:var(--wpds-border-radius-sm);border:1px solid var(--wpds-color-stroke-interactive-neutral);fill:currentColor;place-items:center;width:32px;height:32px;display:grid}.door.primary .go{background:var(--wpds-color-background-interactive-brand-strong);fill:var(--wpds-color-foreground-interactive-brand-strong);border:0}.receipt{box-sizing:border-box;background:var(--wpds-color-background-surface-neutral-weak);border:1px solid var(--wpds-color-stroke-surface-neutral-weak);width:100%;max-width:260px;font:11px/1.7 var(--wpds-typography-font-family-mono);color:var(--wpds-color-foreground-content-neutral-weak);clip-path:polygon(0 0,100% 0,100% 95%,95% 100%,90% 95%,85% 100%,80% 95%,75% 100%,70% 95%,65% 100%,60% 95%,55% 100%,50% 95%,45% 100%,40% 95%,35% 100%,30% 95%,25% 100%,20% 95%,15% 100%,10% 95%,5% 100%,0 95%);align-self:center;padding:14px 14px 24px}.receipt.compact{padding:10px 8px 18px;font-size:9px}.receipt hr{border:0;border-top:1px dashed var(--wpds-color-stroke-surface-neutral);margin:4px 0}.receipt .row{white-space:nowrap;border-radius:var(--wpds-border-radius-xs);justify-content:space-between;gap:8px;margin:0 -4px;padding:0 4px;display:flex}.receipt .row span:first-child{text-overflow:ellipsis;overflow:hidden}.receipt .row.hi{color:var(--wpds-color-foreground-content-neutral);background:var(--wpds-color-background-surface-info);box-shadow:inset 2px 0 0 var(--wpds-color-stroke-surface-brand-strong)}.receipt .row.strong{color:var(--wpds-color-foreground-content-neutral);font-weight:600}.searchbox{border-radius:var(--wpds-border-radius-sm);border:1px solid var(--wpds-color-stroke-interactive-neutral);background:var(--wpds-color-background-surface-neutral-weak);height:32px;fill:var(--wpds-color-foreground-content-neutral-weak);align-items:center;padding:0 8px;display:flex}.shelf{gap:8px;display:grid}.tile{aspect-ratio:1;background:#fff;display:block;position:relative}.tile.hi{outline:2px solid var(--wpds-color-stroke-surface-brand-strong);outline-offset:2px}.tile .silhouette{width:76%;height:76%;position:absolute;inset:12%}.count{font:600 9px/1 var(--wpds-typography-font-family-body);background:var(--wpds-color-background-surface-neutral);color:var(--wpds-color-foreground-content-neutral);border-radius:var(--wpds-border-radius-xs);padding:2px 3px;position:absolute;bottom:2px;right:2px}.handset{border:2px solid var(--wpds-color-stroke-surface-neutral-strong);border-radius:var(--wpds-border-radius-xl);background:var(--wpds-color-background-surface-neutral-weak);flex-direction:column;gap:8px;width:132px;margin:0 auto;padding:12px 9px;display:flex}.handset.lg{border-radius:20px;gap:12px;width:184px;padding:16px 12px 12px}.days{gap:3px;display:flex}.day{border-radius:var(--wpds-border-radius-xs);border:1px solid var(--wpds-color-stroke-surface-neutral-weak);box-sizing:border-box;flex:1;place-items:end center;height:18px;padding-bottom:2px;display:grid}.handset.lg .day{height:26px;padding-bottom:4px}.day.sel{border-color:var(--wpds-color-stroke-surface-brand-strong)}.day i{border-radius:50%;width:4px;height:4px}.handset.lg .day i{width:5px;height:5px}.pantry{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.handset.lg .pantry{gap:6px}.handset.lg .count{font-size:10px}.tabbar{border-top:1px solid var(--wpds-color-stroke-surface-neutral-weak);fill:var(--wpds-color-foreground-content-neutral-weak);justify-content:space-around;padding-top:6px;display:flex}.tabbar .on{fill:var(--wpds-color-foreground-interactive-brand)}.arrow{background:var(--wpds-color-stroke-surface-neutral-strong);place-self:center;position:relative}.arrow.right{width:calc(100% - 16px);height:1.5px}.arrow.down{width:1.5px;height:20px}.arrow:after{content:"";border:5px solid #0000;position:absolute}.arrow.right:after{border-left:7px solid var(--wpds-color-stroke-surface-neutral-strong);border-right:0;top:-4.25px;right:-1px}.arrow.down:after{border-top:7px solid var(--wpds-color-stroke-surface-neutral-strong);border-bottom:0;bottom:-1px;left:-4.25px}.arrow>i,.join>i{background:var(--wpds-color-foreground-interactive-brand);opacity:0;border-radius:50%;width:6px;height:6px;position:absolute}.arrow.right>i{top:-2.25px;left:0}.arrow.down>i{top:0;left:-2.25px}.join{position:relative}.join:before{content:"";box-sizing:border-box;border:1.5px solid var(--wpds-color-stroke-surface-neutral-strong);border-radius:0 var(--wpds-border-radius-lg) var(--wpds-border-radius-lg) 0;border-left:0;width:45%;position:absolute;top:calc(25% - 6px);bottom:calc(25% - 6px);left:0}.join:after{content:"";background:var(--wpds-color-stroke-surface-neutral-strong);height:1.5px;position:absolute;top:calc(50% - .75px);left:45%;right:8px}.join>i{top:calc(50% - 3px);left:45%}.join-down{grid-column:1/-1;height:28px;margin:-10px 0 -2px;position:relative}.join-down:before{content:"";border:1.5px solid var(--wpds-color-stroke-surface-neutral-strong);border-radius:0 0 var(--wpds-border-radius-md) var(--wpds-border-radius-md);border-top:0;height:10px;position:absolute;top:10px;left:25%;right:25%}.join-down:after{content:"";border:5px solid #0000;border-top:7px solid var(--wpds-color-stroke-surface-neutral-strong);border-bottom:0;position:absolute;bottom:0;left:calc(50% - 5px)}@media (prefers-reduced-motion:no-preference){.arrow.right>i{animation:2.4s ease-in-out infinite matvis-landing-tx}.arrow.down>i{animation:2.4s ease-in-out infinite matvis-landing-ty}.join>i{animation:2.4s ease-in-out 1.2s infinite matvis-landing-tj}@keyframes matvis-landing-tx{0%{opacity:0;transform:translate(0)}15%,80%{opacity:1}to{opacity:0;transform:translate(24px)}}@keyframes matvis-landing-ty{0%{opacity:0;transform:translateY(0)}15%,80%{opacity:1}to{opacity:0;transform:translateY(12px)}}@keyframes matvis-landing-tj{0%{opacity:0;transform:translate(0)}15%,80%{opacity:1}to{opacity:0;transform:translate(26px)}}}@media (width<=1039px){.page{gap:24px;max-width:560px;padding:32px 16px}.desk{display:none}.phone{display:grid}}