/* Final restaurant visuals: the original photograph and detailed illustrative interfaces. */
.restaurant-scene{position:relative;background:#0b1110}
.restaurant-scene::before{z-index:1;inset:0;border:0;border-radius:0;transform:none;animation:none;background:linear-gradient(180deg,rgba(5,13,11,.35),transparent 30%,transparent 68%,rgba(5,13,11,.47))}
.restaurant-scene::after{content:none}
.restaurant-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 54%;animation:restaurant-drift 18s ease-in-out infinite alternate;will-change:transform}
@keyframes restaurant-drift{from{transform:scale(1.025) translateX(-.7%)}to{transform:scale(1.08) translateX(.7%)}}
.scene-chip{z-index:2}
.journey-stage{min-height:420px}
.stage-preview{height:265px;padding:12px;align-items:center;justify-content:center}
.stage-preview>*{flex:none}
.flow-phone{width:min(100%,216px);height:246px;display:flex;flex-direction:column;overflow:hidden;border:4px solid #162427;border-radius:19px;background:#dfebe5;color:#132420;box-shadow:0 10px 25px rgba(0,0,0,.43),0 0 0 1px #71958b}
.phone-status{height:18px;padding:2px 10px;display:flex;justify-content:space-between;background:#eef6f0;font-size:8px;font-weight:800}
.phone-contact{height:34px;display:flex;align-items:center;gap:6px;padding:3px 7px;background:#f7faf5;border-bottom:1px solid #cddbd0}
.contact-avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#b68a42;color:white;font:900 13px Georgia,serif}
.phone-contact>span:nth-child(2){display:grid;line-height:1.15}.phone-contact b{font-size:9px}.phone-contact small{font-size:7px;color:#49836b}.phone-contact i{margin-left:auto;font-style:normal;font-size:15px}
.phone-messages{flex:1;display:flex;flex-direction:column;gap:5px;padding:9px 7px;background:linear-gradient(rgba(235,244,234,.87),rgba(235,244,234,.87)),repeating-linear-gradient(45deg,#a9c5b6 0 1px,transparent 1px 22px)}
.message{display:grid;gap:2px;width:fit-content;max-width:86%;padding:5px 6px;border-radius:7px 7px 7px 1px;background:white;box-shadow:0 1px 2px #9db6a778;font-size:8px;line-height:1.25}
.message small{justify-self:end;font-size:6px;color:#768b7e}.message.outgoing{align-self:flex-end;border-radius:7px 7px 1px 7px;background:#d0f3d6}
.phone-compose{height:24px;display:flex;align-items:center;gap:5px;padding:0 7px;background:#f6faf5;color:#49836b;font-size:10px}.phone-compose span{flex:1;padding:4px 7px;border-radius:10px;background:#e8efea;color:#82938b;font-size:7px}
.full-receipt{width:min(100%,224px);min-height:238px;display:flex;flex-direction:column;gap:5px;padding:13px 13px 11px;background:#f8f0df;color:#182621;box-shadow:0 11px 26px #0007;transform:rotate(-1deg)}
.receipt-brand{font:900 15px/1 Sora,Arial,sans-serif;letter-spacing:.08em;text-align:center;color:#0e3b35}.receipt-brand small{display:block;margin-top:3px;font:700 6px/1 Arial,sans-serif;letter-spacing:.24em}
.receipt-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:3px;font-size:7px}.receipt-meta b{font-size:9px}.receipt-rule{border-top:1px dashed #9f9e89;margin:2px 0}
.receipt-row{display:flex;justify-content:space-between;gap:6px;font-size:7.5px}.receipt-row b{font-weight:700}.receipt-row span{white-space:nowrap}.receipt-note{margin-top:2px;padding:4px 5px;border-left:2px solid #be874a;background:#eadfca;font-size:7px;font-weight:800}
.receipt-total{display:flex;justify-content:space-between;font-size:10px}.receipt-footer{margin-top:auto;text-align:center;font-size:7px;font-weight:800;color:#357868}
.flow-kds{width:min(100%,250px);height:237px;display:flex;flex-direction:column;padding:10px;border:1px solid #52837d;border-radius:9px;background:#0b1b1c;color:#ecf8f1;box-shadow:0 12px 25px #0008}
.kds-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #355254;font-size:10px;letter-spacing:.07em}.kds-top b{color:#efcf88}.kds-top span{color:#64e0c7;font-size:7px}.kds-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#64e0c7}
.kds-order{display:grid;gap:3px;padding:9px 0}.kds-order>span{display:flex;justify-content:space-between;font-size:15px;font-weight:900}.kds-order em{align-self:center;padding:3px 5px;border-radius:4px;background:#55411e;color:#f2d48d;font-size:7px;font-style:normal}.kds-order small{color:#9eb9b5;font-size:7px}
.kds-item{display:flex;align-items:center;gap:5px;padding:5px 0;border-top:1px solid #294446;font-size:8px;font-weight:700}.kds-item b{width:14px;height:14px;display:grid;place-items:center;border-radius:3px;background:#245a55;color:#b9f5e9;font-size:8px}.kds-item small{margin-left:auto;color:#efbd72;font-size:7px}
.kds-progress{height:4px;margin-top:auto;border-radius:5px;background:#294547}.kds-progress i{display:block;width:68%;height:100%;border-radius:5px;background:linear-gradient(90deg,#bd904c,#76ddd1)}
.kds-bottom{display:flex;justify-content:space-between;margin-top:7px;color:#9eb9b5;font-size:7px}.kds-bottom b{color:#6edfd0}
.capabilities-heading{display:block;text-align:center;margin-bottom:35px}
.capabilities-heading h2{max-width:none;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.17}
.capabilities-heading p{max-width:62ch;margin:13px auto 0;color:#b8c8c2;font-size:1rem;line-height:1.5}
.cap-visual::before{z-index:3;pointer-events:none}
.visual-tag{z-index:4;top:12px;bottom:auto;right:12px}
.menu-showcase,.cap-chat,.cap-kitchen{position:relative;z-index:1;box-shadow:0 14px 30px #0008}
.menu-showcase{width:min(84%,282px);height:194px;padding:8px;border:1px solid #b59c68;border-radius:10px 10px 2px 2px;background:#faf4e8;color:#172b22;transform:translateY(15px)}
.showcase-top{height:20px;display:flex;align-items:center;justify-content:space-between;gap:6px}.showcase-top b{font:900 10px Georgia,serif;letter-spacing:.1em;color:#865d28}.showcase-top small{font-size:5.5px;font-weight:900;letter-spacing:.08em}
.showcase-photo{position:relative;height:88px;overflow:hidden;border-radius:5px;background:#2d2419}.showcase-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 59%;display:block}.showcase-photo::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#171c15bd)}.showcase-photo span{position:absolute;z-index:1;left:8px;bottom:6px;color:white;font-size:8px;font-weight:900}
.showcase-info{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:7px}.showcase-info span{display:grid;gap:1px}.showcase-info b{font-size:9px}.showcase-info small{font-size:6px;color:#607066}.showcase-info strong{color:#8b5b21;font-size:9px;white-space:nowrap}
.showcase-actions{display:flex;justify-content:space-between;align-items:center;gap:3px;margin-top:6px;font-size:7px}.showcase-actions>b{padding:5px 7px;border-radius:4px;background:#173b32;color:#f7f2e4;font-size:7px}
.cap-chat{width:min(82%,258px);height:199px;display:flex;flex-direction:column;overflow:hidden;border:2px solid #547e74;border-radius:13px 13px 0 0;background:#e3eee5;color:#152720;transform:translateY(16px)}
.cap-chat-top{height:33px;display:flex;align-items:center;gap:7px;padding:4px 8px;background:#f4f9f3}.cap-chat-top>i{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#b79658;color:#fff;font-size:9px}.cap-chat-top span{display:grid}.cap-chat-top b{font-size:9px}.cap-chat-top small{font-size:6px;color:#39836d}.cap-chat-top em{margin-left:auto;font-style:normal}
.cap-chat-messages{flex:1;display:flex;flex-direction:column;gap:5px;padding:8px}.cap-chat-messages>span{max-width:77%;display:grid;gap:1px;padding:5px 6px;border-radius:7px 7px 7px 1px;background:#fff;font-size:7px;line-height:1.25;box-shadow:0 1px 2px #829e8c70}.cap-chat-messages>span:nth-child(2){align-self:flex-end;border-radius:7px 7px 1px 7px;background:#c6efd0}.cap-chat-messages small{justify-self:end;font-size:5.5px;color:#718b7b}
.cap-chat-input{height:22px;display:flex;justify-content:space-between;align-items:center;margin:2px 6px 6px;padding:0 6px;border-radius:7px;background:#f9fbf7;color:#7b9184;font-size:7px}.cap-chat-input b{color:#168e69;font-size:11px}
.cap-kitchen{width:min(86%,276px);height:188px;padding:9px;border:1px solid #5f9294;border-radius:8px;background:#0c1a1d;color:#eef7f1;transform:translateY(12px)}
.cap-kitchen-top{display:flex;justify-content:space-between;gap:5px;padding-bottom:8px;border-bottom:1px solid #315255}.cap-kitchen-top b{font-size:8px;letter-spacing:.08em;color:#f4d387}.cap-kitchen-top small{font-size:7px;color:#6bddc8}
.cap-kitchen-tabs{display:block;white-space:nowrap;margin:8px 0 7px;color:#8dada7;font-size:6px}.cap-kitchen-tabs b{margin:0 5px;padding:4px;border-radius:3px;background:#255750;color:#d3f7ea;font-size:6px}
.cap-kitchen-order{padding:7px;border:1px solid #3c6764;border-radius:5px;background:#183035}.cap-kitchen-order>span{display:flex;justify-content:space-between}.cap-kitchen-order b{font-size:11px}.cap-kitchen-order em{padding:2px 4px;border-radius:3px;background:#6b4c21;color:#ffdb91;font-size:6px;font-style:normal}.cap-kitchen-order small{display:block;margin-top:5px;font-size:7px}.cap-kitchen-order strong{display:flex;justify-content:space-between;margin-top:5px;color:#f0c07c;font-size:6px}.cap-kitchen-order strong i{font-style:normal;color:#89ada8}.cap-kitchen-order.secondary{margin-top:5px;padding:5px;background:#112529}.cap-kitchen-order.secondary b{font-size:8px}.cap-kitchen-order.secondary em{background:#1c5151;color:#76dacc}.cap-kitchen-order.secondary small{margin-top:2px;font-size:6px}
@media(min-width:901px){.capabilities-heading h2{white-space:nowrap}}
@media(max-width:900px){.journey-stage{min-height:410px}.stage-preview{height:250px;padding:8px}.flow-phone{max-height:230px}.full-receipt{transform:none}.capabilities-heading h2{font-size:clamp(1.9rem,3.6vw,2.4rem)}}
@media(max-width:700px){.journey-stage{display:flex;min-height:0;gap:9px;padding:14px}.stage-preview{width:100%;height:270px;padding:12px}.flow-phone{height:246px;max-height:none}.journey-stage>strong{margin-top:2px}.restaurant-scene{height:440px}.capabilities-heading{margin-bottom:27px}.capabilities-heading h2{max-width:15ch;margin-inline:auto;font-size:2.15rem}.capabilities-heading p{margin-top:12px}.cap-visual{height:245px}.menu-showcase{height:200px}.cap-chat{height:207px}.cap-kitchen{height:198px}}
@media(max-width:700px){.journey-stage>strong,.journey-stage>small{align-self:stretch;text-align:left;grid-column:auto}}
@media(max-width:420px){.restaurant-scene{height:380px}.stage-preview{height:265px}.capabilities-heading h2{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.restaurant-photo{animation:none;transform:none}}

/* Both conversations read as actual portrait phones, with a visible device shell. */
.flow-phone,.cap-chat{box-sizing:border-box;position:relative;flex:none;overflow:hidden;border:5px solid #101a1b;border-radius:25px;box-shadow:0 15px 24px #0008,0 0 0 1px #8ca79a}
.flow-phone{width:152px;height:246px;background:#e7f0e9}
.flow-phone::before,.cap-chat::before{content:"";position:absolute;z-index:5;top:0;left:50%;width:48px;height:8px;border-radius:0 0 7px 7px;background:#101a1b;transform:translateX(-50%)}
.flow-phone::after,.cap-chat::after{content:"";position:absolute;z-index:5;bottom:3px;left:50%;width:43px;height:3px;border-radius:5px;background:#24342d;transform:translateX(-50%)}
.phone-status{box-sizing:border-box;flex:none;height:21px;padding:7px 8px 0;background:#075e54;color:#fff;font-size:6px}
.phone-contact{box-sizing:border-box;flex:none;height:31px;padding:2px 5px;background:#075e54;color:white;border-bottom:1px solid #075047}
.contact-avatar{width:20px;height:20px;font-size:10px}.phone-contact b{font-size:7px}.phone-contact small{font-size:6px;color:#c2e8da}.phone-contact i{font-size:12px}
.phone-messages{min-height:0;padding:6px 5px;gap:4px}.message{font-size:6.4px;padding:4px 5px}.message small{font-size:5px}
.phone-compose{box-sizing:border-box;flex:none;height:27px;padding:0 4px 7px;font-size:9px}.phone-compose span{font-size:6px;padding:3px 4px}
.cap-chat{width:146px;height:218px;transform:none;background:#e7f0e9}
.cap-phone-status{box-sizing:border-box;flex:none;height:19px;display:flex;align-items:end;justify-content:space-between;padding:6px 8px 1px;background:#075e54;color:#fff;font-size:6px;font-weight:800}
.cap-chat-top{box-sizing:border-box;flex:none;height:29px;padding:2px 5px;background:#075e54;color:#fff}.cap-chat-top>i{width:18px;height:18px;background:#bd9755;font-size:9px;font-style:normal}.cap-chat-top b{font-size:7px}.cap-chat-top small{font-size:5px;color:#c6e8d8}
.cap-chat-messages{min-height:0;padding:5px;gap:4px;background:linear-gradient(#e3eee5dc,#e3eee5dc),repeating-linear-gradient(45deg,#a8c3b4 0 1px,transparent 1px 19px)}
.cap-chat-messages>span{max-width:88%;padding:4px 5px;font-size:6px}.cap-chat-messages small{font-size:4.8px}
.cap-chat-input{box-sizing:border-box;flex:none;height:23px;margin:0;padding:0 5px 6px;border-radius:0;background:#f5f9f5;font-size:6px}.cap-chat-input b{font-size:9px}
@media(max-width:900px){.flow-phone{height:230px}}
@media(max-width:700px){.flow-phone{height:246px}.cap-chat{height:218px}}