.restaurant-film{--film-bg:#f2f2f8;--film-ink:#20152d;background:var(--film-bg);height:280svh;color:var(--film-ink);transition:color .18s;position:relative}.film-stage{background:var(--film-bg);height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.film-copy{z-index:2;width:min(49%,680px);position:absolute;top:26%;left:max(5vw,50vw - 640px)}.film-eyebrow{letter-spacing:.11em;text-transform:uppercase;margin-bottom:30px;font-size:11px;font-weight:550}.film-copy h1{letter-spacing:-.072em;font-size:clamp(44px,4.8vw,72px);font-weight:500;line-height:1.02}.film-copy h1 em{letter-spacing:-.065em;font-family:Georgia,Times New Roman,serif;font-weight:400}.film-description{text-wrap:pretty;max-width:390px;margin-top:24px;font-size:15px;line-height:1.8}.film-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:29px;display:flex}.film-button{color:#fff;background:#76549e;border-radius:100px;justify-content:center;align-items:center;min-height:46px;padding:12px 23px;font-size:13px;font-weight:500;transition:background .2s,box-shadow .2s;display:inline-flex}.film-button:hover{background:#624285;box-shadow:0 5px 18px #32134c20}.film-link{text-underline-offset:5px;min-height:46px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);align-items:center;font-size:13px;display:inline-flex}.film-link:hover{text-decoration-color:currentColor}.film-visual{pointer-events:none;width:83%;height:78%;position:absolute;top:14%;right:-14%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 94%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 94%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.film-visual img,.film-visual canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.film-visual canvas{opacity:0}.film-bottom{z-index:3;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex;position:absolute;bottom:34px;left:5%;right:5%}.film-chapter{align-items:center;gap:24px;font-size:13px;display:flex}.film-chapter>span{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:10px}.film-chapter p{animation:.22s ease-out both chapter-arrive}@keyframes chapter-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.film-scroll{align-items:center;gap:20px;min-height:44px;font-size:11px;display:inline-flex}.film-scroll>span{font-size:19px}.film-progress{background:color-mix(in srgb, currentColor 17%, transparent);width:100%;height:1px;position:absolute;bottom:0}.film-progress span{transform-origin:0;background:currentColor;width:100%;height:100%;display:block;transform:scaleX(0)}.restaurant-film-static{height:100svh;min-height:650px}.restaurant-film-static .film-stage{position:relative}.restaurant-film-static .film-progress{display:none}@keyframes restro-fade-in-bottom{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.film-copy{animation:.85s cubic-bezier(.22,.61,.36,1) both restro-fade-in-bottom}.rhythm-home{--site-bg:#f2f2f8;background:#f2f2f8}.rhythm-home .site-header{--site-text:var(--rhythm-nav-ink,#20152d);--site-muted:color-mix(in srgb, var(--site-text) 72%, transparent);--site-border:color-mix(in srgb, var(--site-text) 12%, transparent);--site-surface-2:color-mix(in srgb, var(--site-text) 8%, transparent);background:var(--rhythm-nav-bg,#f2f2f8);transition:background-color .22s linear,color .18s,border-color .22s linear}.rhythm-home .site-demo-link{border-radius:100px}.rhythm-story{--site-bg:#110d1b;--site-text:#f8f5ff;--site-muted:#b6abc6;--site-accent:#c4a4f4;color:#f8f5ff;background:#110d1b;padding:110px 6vw 120px}.rhythm-story-inner{max-width:1120px;margin:auto}.rhythm-story .home-eyebrow{margin-bottom:28px}.rhythm-story h2{letter-spacing:-.045em;max-width:980px;font-size:clamp(36px,4.6vw,66px);font-weight:450;line-height:1.14}.rhythm-story-bottom{grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-top:55px;display:grid}.rhythm-story-bottom>p{color:#b6abc6;max-width:460px;font-size:16px;line-height:1.85}.rhythm-story-bottom a{color:#e3d0ff;text-underline-offset:6px;justify-self:end;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:flex}.rhythm-daylight{background:linear-gradient(#110d1b 0%,#191323 15%,#3e334c 35%,#95889e 60%,#ded8e5 82%,#f2f2f8 100%);height:30vh;max-height:280px}.aceternity-scroll{perspective:1400px}.rhythm-home .workflow-playground{background:#f2f2f8;border-top:0;padding-top:58px}.rhythm-home .workflow-inner{max-width:1220px}.rhythm-home .workflow-heading h2{letter-spacing:-.045em;font-size:clamp(34px,4vw,55px)}.rhythm-home .workflow-tabs button{background:0 0;border-radius:100px;padding-inline:22px}.rhythm-home .workflow-tabs button[aria-selected=true]{color:#fff;background:#76549e;border-color:#76549e}.rhythm-home .connected-section{background:#e8e0f1;border:0;padding-block:120px}.rhythm-home .connected-copy h2{font-size:clamp(38px,4.3vw,58px)}.rhythm-home .connected-diagram{background:#f7f4fc;border-radius:22px;padding:30px}.rhythm-home .restaurant-audience{--site-text:#f8f5ff;--site-muted:#c0b4ce;--site-accent:#c4a4f4;background:#21172f;border:0;padding-block:100px}.rhythm-home .restaurant-audience h2{max-width:820px;margin-inline:auto;font-size:clamp(38px,4.5vw,62px)}.rhythm-home .restaurant-signup{padding-block:110px}.rhythm-home .signup-options button{text-align:center;border-radius:100px;justify-content:center}.rhythm-home .signup-options button[aria-pressed=true]{color:#fff;background:#76549e}.rhythm-home .restaurant-signup-form{border-radius:22px}.rhythm-home .restaurant-signup-copy h2{font-size:clamp(38px,4.2vw,58px)}@media (min-width:1600px){.film-copy{top:29%}.film-visual{width:77%;right:-7%}}@media (max-width:1000px){.film-copy{width:54%;top:22%}.film-copy h1{font-size:52px}.film-visual{width:92%;top:23%;right:-22%}.film-description{max-width:290px}}@media (max-width:760px){.restaurant-film{height:230svh}.film-stage{min-height:740px}.film-copy{width:88%;top:115px;left:6%}.film-eyebrow{margin-bottom:19px;font-size:9px}.film-copy h1{font-size:clamp(38px,8.7vw,58px);line-height:1.04}.film-description{max-width:330px;margin-top:17px;font-size:13px;line-height:1.75}.film-actions{gap:20px;margin-top:17px}.film-button,.film-link{min-height:44px;font-size:12px}.film-visual{width:140%;height:310px;top:400px;right:-20%}.film-bottom{gap:10px;padding-bottom:16px;bottom:23px;left:6%;right:6%}.film-chapter{font-size:11px;display:block}.film-chapter>span{margin-bottom:5px;font-size:9px;display:block}.film-scroll{gap:12px;max-width:115px;font-size:10px;line-height:1.6}.restaurant-film-static{height:auto;min-height:740px}.rhythm-story{padding:75px 6vw}.rhythm-story-bottom{grid-template-columns:1fr;gap:18px;margin-top:30px}.rhythm-story-bottom a{justify-self:start}.rhythm-story-bottom>p{font-size:14px}.rhythm-daylight{height:150px}.rhythm-home .connected-section{padding-block:70px}.rhythm-home .connected-diagram{padding:24px 16px}.rhythm-home .restaurant-audience,.rhythm-home .restaurant-signup{padding-block:70px}.rhythm-home .workflow-tabs button{border-radius:12px;padding-inline:8px}}@media (max-width:760px) and (min-height:850px){.film-visual{height:360px;top:420px}}@media (prefers-reduced-motion:reduce){.restaurant-film{height:auto;min-height:740px}.film-stage{position:relative}.film-copy{animation:none}.aceternity-scroll{perspective:none}.restaurant-film,.rhythm-home .site-header{transition:none}.film-chapter p{animation:none}}@media (max-width:760px) and (max-height:760px){.film-stage{min-height:650px}.film-copy{top:95px}.film-copy h1{font-size:clamp(34px,8.6vw,44px)}.film-eyebrow{margin-bottom:14px}.film-description{margin-top:13px;font-size:12px;line-height:1.6}.film-actions{margin-top:12px}.film-visual{height:270px;top:325px}.film-bottom{bottom:18px}.restaurant-film-static{min-height:650px}}.rhythm-home .workflow-arrows button{box-shadow:none;background:0 0;border:0;border-radius:50%}.rhythm-home .workflow-arrows button:hover{background:#76549e12}
