.restaurant-workflows{padding:78px 0 82px;background:radial-gradient(ellipse at 50% 95%,#e0f2ff,#f3f9fc 76%);color:#020c2c}.rw-wrap{width:min(1560px,calc(100% - 64px));margin:auto}.rw-intro{display:flex;justify-content:space-between;align-items:center;gap:65px;padding:0 32px;margin-bottom:36px}.rw-intro h2{font-size:clamp(38px,4.25vw,68px);font-weight:750;line-height:1.02;letter-spacing:-2.5px;margin:0}.rw-intro p{font-size:18px;line-height:1.5;max-width:490px;color:#455f80;margin:0}.rw-dashboard{background:radial-gradient(ellipse at 50% 65%,#0b2a40,#031724 76%);border:1px solid #16415c;border-radius:22px;overflow:hidden;box-shadow:0 25px 60px #1173ae18;color:#e9f5ff;isolation:isolate}.rw-tabs{display:flex;padding:8px 13% 0;border-bottom:1px solid #25506b;position:relative;background:#031523a8}.rw-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:18px;border:0;border-bottom:3px solid transparent;background:transparent;color:#accae4;padding:17px 15px 19px;font-size:17px;line-height:1.3;position:relative;transition:background .22s,color .22s,border-color .22s}.rw-tabs button+button:before{content:'';position:absolute;left:0;top:0;bottom:9px;width:1px;background:#16405970}.rw-tabs button[aria-selected=true]{color:#67f3fb;border-bottom-color:#61f4fb;background:linear-gradient(transparent,#16466655);text-shadow:0 0 18px #49d8fa50}.rw-tabs button:hover{color:#bcfbff;background:#1940574f}.rw-icon{width:47px;height:47px;color:#15baff;filter:drop-shadow(0 0 5px #12aaff35);flex:none}.rw-tabs .rw-icon{width:30px;height:30px;color:currentColor;filter:none;stroke-width:1.4}.rw-panel{animation:rw-panel-in .3s ease both}.rw-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#236988 #071e2e;outline-offset:-4px}.rw-stage{height:430px;min-width:1020px;margin:0 30px;position:relative;background-image:radial-gradient(#158ac957 .7px,transparent .9px);background-size:17px 17px}.rw-flow{display:flex;gap:38px;list-style:none;padding:0;position:absolute;top:64px;left:12px;right:12px;margin:0}.rw-node{flex:1;min-width:0;min-height:150px;border:1px solid #236180;border-radius:14px;background:linear-gradient(135deg,#0b2b42,#0b2133);box-shadow:inset 0 1px 0 #97daff08,0 6px 18px #00101e36;display:flex;align-items:center;flex-direction:column;text-align:center;padding:20px 9px 16px;position:relative;z-index:2;transition:border-color .2s,box-shadow .2s,translate .2s;animation:rw-node-in .46s ease both;animation-delay:calc(var(--rw-step)*55ms)}.rw-node:hover{border-color:#47d7ff;box-shadow:0 0 22px #1facff35,inset 0 0 15px #11c4ff0e;translate:0 -4px}.rw-node strong{font-weight:600;font-size:13px;line-height:1.3;margin-top:14px;max-width:100%;color:#f3f7ff}.rw-node>span{font-size:10px;line-height:1.45;color:#aecae0;margin-top:5px}.rw-hub{position:absolute;top:275px;left:50%;translate:-50% 0;width:176px;height:132px;border-radius:30px;border:1px solid #16b9ff;box-shadow:0 0 34px #008fff25,inset 0 0 34px #006be522;background:radial-gradient(ellipse at 50% 0,#073c5c,#041c30 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;animation:rw-hub-glow 5s ease-in-out infinite}.rw-logo{width:60px;height:60px;overflow:visible}.rw-hub strong{font-size:22px;font-weight:650;letter-spacing:-.9px;line-height:1.5}.rw-caption{text-align:center;color:#accae0;font-size:14px;line-height:1.6;margin:0;padding:12px 28px 22px}.rw-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.rw-line{fill:none;stroke:#169ae1;stroke-width:1.1}.rw-mainline{stroke:#31c2ff;stroke-width:1.7;filter:drop-shadow(0 0 4px #078cff)}.rw-branch{stroke-dasharray:2 4;opacity:.75}.rw-arrow{fill:none;stroke:#a1edff;stroke-width:1.8;filter:drop-shadow(0 0 4px #008bff)}.rw-port{fill:#36d7ff;filter:drop-shadow(0 0 5px #00b7ff)}.rw-packet{fill:none;stroke:#83eeff;stroke-width:4;stroke-linecap:round;stroke-dasharray:.35 99.65;animation:rw-flow 4s linear infinite;filter:drop-shadow(0 0 5px #16b5ff)}.rw-packet.branch-packet{stroke-width:3.5;animation-duration:7s;opacity:.9}.rw-cafeteria .rw-flow{gap:80px;left:40px;right:40px;top:54px}.rw-cafeteria .rw-node{min-height:153px;padding-top:20px}.rw-cafeteria .rw-node strong{font-size:16px}.rw-cafeteria .rw-node>span{font-size:12px}.rw-cafeteria .rw-icon{width:49px;height:49px}.rw-cafeteria .rw-hub{top:267px}.rw-large .rw-stage{min-width:1270px;height:462px;margin:0 22px}.rw-channels{position:absolute;top:26px;left:0;width:218px;border:1px solid #16bafa;border-radius:12px;padding:11px;background:#041c2ed9;z-index:2}.rw-channels h3{font-size:12px;font-weight:550;letter-spacing:0;margin:0 0 10px;text-align:center}.rw-channels>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rw-channel{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #235a7a;border-radius:10px;background:linear-gradient(130deg,#0d3048,#091e30);padding:10px 6px;min-height:85px}.rw-channel .rw-icon{width:30px;height:30px}.rw-channel strong{font-size:10px;line-height:1.25;font-weight:550;margin-top:5px}.rw-channel span{font-size:9px;color:#b0cde3;line-height:1.4;margin-top:4px}.rw-large .rw-flow{left:262px;right:0;top:82px;gap:17px}.rw-large .rw-node{border-radius:12px;padding:17px 5px 13px;min-height:154px}.rw-large .rw-node .rw-icon{width:38px;height:38px}.rw-large .rw-node strong{font-size:11px;margin-top:12px}.rw-large .rw-node>span{font-size:9px}.rw-large .rw-hub{top:304px;left:56%;width:168px;height:129px}.rw-dashboard :focus-visible{outline:2px solid #84f1ff;outline-offset:-4px}
@keyframes rw-flow{to{stroke-dashoffset:-100}}@keyframes rw-node-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rw-panel-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes rw-hub-glow{0%,100%{box-shadow:0 0 24px #008fff25,inset 0 0 25px #006be522}50%{box-shadow:0 0 50px #008fff4a,inset 0 0 35px #009bee33}}
@media(min-width:1500px){.rw-node strong{font-size:15px}.rw-node>span{font-size:11px}.rw-node{min-height:158px}.rw-large .rw-node strong{font-size:12px}.rw-large .rw-node>span{font-size:10px}.rw-large .rw-node{min-height:155px}.rw-large .rw-flow{gap:20px}.rw-large .rw-stage{height:475px}}
@media(max-width:1100px){.rw-intro{gap:35px;padding-inline:10px}.rw-intro h2{font-size:45px}.rw-intro p{font-size:15px;max-width:360px}.rw-wrap{width:calc(100% - 40px)}.rw-tabs{padding-inline:5%}.rw-tabs button{font-size:15px}.rw-scroll{padding-bottom:8px}.rw-stage{margin-inline:22px}.rw-large .rw-stage{margin-inline:20px}}
@media(max-width:700px){.restaurant-workflows{padding:56px 0}.rw-intro{display:block;padding:0;margin-bottom:27px}.rw-intro h2{font-size:39px;letter-spacing:-1.6px;line-height:1.06}.rw-intro p{font-size:15px;margin-top:22px;max-width:520px}.rw-dashboard{border-radius:16px}.rw-tabs{padding:5px 7px 0}.rw-tabs button{padding:14px 5px;flex-direction:column;gap:7px;font-size:12px}.rw-tabs .rw-icon{width:25px;height:25px}.rw-stage{margin:0 20px;min-width:1000px;height:420px}.rw-flow{top:45px}.rw-hub{top:267px}.rw-caption{font-size:12px;padding:16px 20px 22px}.rw-cafeteria .rw-stage{min-width:920px}.rw-cafeteria .rw-flow{gap:55px;left:10px;right:10px}.rw-large .rw-stage{min-width:1270px}.rw-scroll:after{content:'Swipe to explore the workflow →';position:sticky;left:0;display:block;width:100%;padding:2px 20px 6px;color:#85b3ce;font-size:10px;letter-spacing:.2px;text-align:center}.rw-node strong{font-size:14px}.rw-node>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.restaurant-workflows *{animation:none!important;transition:none!important}}
@media(min-width:1500px){.rw-large .rw-node strong{font-size:13px}.rw-large .rw-node>.rw-icon{width:42px;height:42px}.rw-large .rw-node>span{font-size:10px}.rw-channels h3{font-size:14px}.rw-channel strong{font-size:11px}.rw-channel span{font-size:10px}}