.r4-how-page{color:var(--r4-text);background:var(--r4-canvas)}.r4-how-page :is(h1,h2,h3,h4){color:var(--r4-text);overflow-wrap:anywhere;margin-top:0}.r4-how-page h1{max-width:12ch;font:600 clamp(2.75rem, 4.1vw, 3.625rem)/1.06 var(--r4-display);letter-spacing:-.045em;text-wrap:initial;margin-bottom:0}.r4-how-page h2{max-width:25ch;font:600 2.5rem/1.12 var(--r4-display);letter-spacing:-.04em;margin-bottom:1rem}.r4-how-page h3{font:600 1.625rem/1.2 var(--r4-display);letter-spacing:-.03em;margin-bottom:.875rem}.r4-how-page h4{font:600 1rem/1.4 var(--r4-body);margin-bottom:.3rem}.r4-how-page p{color:var(--r4-text-secondary);font:400 1rem/1.65 var(--r4-body);margin:0}.r4-how-page .r4-eyebrow{color:var(--r4-action-text);font:650 .75rem/1.5 var(--r4-body);margin-bottom:1rem}.r4-how-page :focus-visible{outline:2px solid var(--r4-focus);outline-offset:4px}.r4-how-hero{padding-block:3.5rem 3rem}.r4-how-opening{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;gap:3rem;display:grid}.r4-how-intro{min-width:0}.r4-how-intro h1{margin-bottom:1.25rem}.r4-how-opening-photo{width:100%;min-width:0;max-width:50rem;margin:0}.r4-how-opening-photo img{aspect-ratio:3/2;object-fit:cover;object-position:60% center;border-radius:8px;width:100%;height:auto;display:block}.r4-how-opening-photo figcaption{color:var(--r4-text-secondary);font:500 .8125rem/1.5 var(--r4-body);padding-top:.875rem}.r4-how-page .r4-how-dek{max-width:37rem;font-size:1.0625rem}.r4-how-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:1.5rem;display:flex}.r4-how-actions a{max-width:100%}.r4-how-workflow{background:var(--r4-surface);border-block:1px solid var(--r4-border);padding-block:4rem}.r4-how-heading{max-width:43rem;margin-bottom:3rem}.r4-how-steps{margin:0;padding:0;list-style:none}.r4-how-step{border-top:1px solid var(--r4-border);grid-template-columns:3rem minmax(0,.85fr) minmax(0,1.3fr);align-items:start;gap:2rem;padding-block:2.5rem;display:grid}.r4-how-step:last-child{padding-bottom:0}.r4-how-number{border:1px solid var(--r4-border);background:var(--r4-support-subtle);min-width:44px;min-height:44px;color:var(--r4-text);font:600 .8125rem/1 var(--r4-body);border-radius:50%;place-items:center;display:grid}.r4-how-step-copy{min-width:0}.r4-how-step-copy p{max-width:39rem;font-size:.9375rem}.r4-how-step-visual{min-width:0}.r4-how-setup{background:var(--r4-support-subtle);border-radius:8px;gap:1rem;margin:0;padding:1.5rem;list-style:none;display:grid}.r4-how-setup li{font:500 .9375rem/1.5 var(--r4-body);align-items:center;gap:.75rem;display:flex}.r4-how-setup svg{width:22px;height:22px;color:var(--r4-support);flex-shrink:0}.r4-how-capabilities{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:0;padding:1.5rem 0;list-style:none;display:grid}.r4-how-capabilities li{min-width:0;font:500 .8125rem/1.4 var(--r4-body);overflow-wrap:anywhere;justify-items:start;gap:.75rem;display:grid}.r4-how-capabilities svg{width:27px;height:27px;color:var(--r4-support)}.r4-how-customer-flow{flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.r4-how-customer-flow li{color:var(--r4-text);font:600 .8125rem/1.5 var(--r4-body);align-items:center;gap:1rem;display:flex}.r4-how-customer-flow svg{width:18px;height:18px;color:var(--r4-support)}.r4-how-order-stages{flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.r4-how-order-stages li{color:var(--r4-text-secondary);font:500 .8125rem/1.5 var(--r4-body);align-items:center;gap:.4rem;display:flex}.r4-how-order-stages li:before{content:"";background:var(--r4-support);border-radius:50%;width:6px;height:6px}.r4-how-review{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.r4-how-review li{align-items:start;gap:1rem;display:flex}.r4-how-review svg{width:26px;height:26px;color:var(--r4-support);flex-shrink:0}.r4-how-review p{font-size:.875rem}.r4-how-close{padding-block:4rem 3rem}.r4-how-close-grid{grid-template-columns:1fr .85fr;align-items:center;gap:5rem;display:grid}.r4-how-close-grid p{max-width:35rem}.r4-how-food-photo{border-radius:8px;overflow:hidden}.r4-how-food-photo img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.r4-how-migration{background:var(--r4-support-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding:1.75rem 2rem;display:flex}.r4-how-migration h3{font:600 1.125rem/1.4 var(--r4-body);letter-spacing:-.015em;margin-bottom:.5rem}.r4-how-migration p{max-width:44rem;font-size:.9375rem}.r4-how-text-link{min-height:44px;color:var(--r4-text);font:600 .875rem/1.5 var(--r4-body);text-underline-offset:5px;flex-shrink:0;align-items:center;gap:.75rem;display:inline-flex}.r4-how-text-link:hover{color:var(--r4-action-text)}.r4-how-text-link svg{width:18px;height:18px}@media (width<=74rem){.r4-how-opening{grid-template-columns:minmax(0,1fr);gap:2rem}.r4-how-step{grid-template-columns:44px minmax(0,1fr);gap:1.25rem}.r4-how-step-visual{grid-column:2}.r4-how-step-copy p{max-width:45rem}.r4-how-capabilities{padding-block:.5rem}.r4-how-close-grid{gap:2.5rem}}@media (width<=61.99rem){.r4-how-hero{padding-block:2.5rem}.r4-how-opening{grid-template-columns:minmax(0,1fr);gap:2rem}.r4-how-page h1{max-width:100%}.r4-how-page h2{font-size:2.125rem}.r4-how-workflow,.r4-how-close{padding-block:3rem}.r4-how-close-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.r4-how-food-photo{max-width:40rem}.r4-how-migration{display:block}.r4-how-text-link{margin-top:.75rem}}@media (width<=35rem){.r4-how-hero{padding-block:1.75rem 2rem}.r4-how-page h1{font-size:clamp(2.125rem,9.5vw,2.625rem);line-height:1.08}.r4-how-page h2{font-size:2rem}.r4-how-page h3{font-size:1.375rem}.r4-how-page .r4-eyebrow{letter-spacing:.08em;font-size:.6875rem}.r4-how-page .r4-how-dek{font-size:.9375rem}.r4-how-actions{grid-template-columns:minmax(0,1fr);gap:.25rem;display:grid}.r4-how-actions .r4-action{min-height:48px}.r4-how-workflow,.r4-how-close{padding-block:2.5rem}.r4-how-heading{margin-bottom:2rem}.r4-how-step{gap:1rem;padding-block:2rem}.r4-how-step-visual{grid-column:1/-1}.r4-how-number{min-width:40px;min-height:40px}.r4-how-setup{padding:1.25rem}.r4-how-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.r4-how-migration{margin-top:2rem;padding:1.5rem}.r4-how-migration h3{font-size:1.125rem}}