/* Restaurant-led OTERIS Serve visuals, layered above the shared site styles. */
h1,h2,h3{text-wrap:balance}
.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:540px;background:radial-gradient(circle at 77% 40%,#15363A 0%,#101B1F 38%,#090E13 72%)}
.hero-copy{padding:62px 25px 62px 54px}
.hero h1{font-size:clamp(3rem,4.7vw,4.25rem);max-width:9.2ch;line-height:1.07}
.hero-lead{max-width:43ch;font-size:1.08rem}
.restaurant-scene{min-height:540px;background:radial-gradient(ellipse at center,#193F42 0%,#0D232A 43%,#081318 76%);overflow:hidden}
.restaurant-scene::before{content:"";position:absolute;inset:9% 8%;border:1px solid rgba(44,234,243,.17);border-radius:50%;transform:rotate(-18deg);animation:orbit-breathe 8s ease-in-out infinite alternate}
.restaurant-scene::after{content:"";position:absolute;inset:auto 9% 11%;height:22%;border-radius:50%;background:radial-gradient(ellipse,rgba(212,175,98,.32),transparent 70%);filter:blur(17px);pointer-events:none}
.scene-halo{position:absolute;inset:14% 18%;border-radius:50%;background:radial-gradient(circle,rgba(44,234,243,.2),rgba(44,234,243,0) 65%);filter:blur(25px);animation:halo-pulse 7s ease-in-out infinite alternate}
.burger-stack{position:absolute;z-index:2;left:50%;top:50%;width:min(74%,390px);aspect-ratio:1145/1374;transform:translate(-50%,-50%);filter:drop-shadow(0 17px 15px rgba(0,0,0,.35))}
.burger-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;animation:ingredient-float 4.8s ease-in-out infinite alternate;will-change:transform}
.layer-bun-top{clip-path:inset(0 0 75% 0);--lift:-13px;animation-delay:-.8s}
.layer-lettuce{clip-path:inset(23% 0 61% 0);--lift:-5px;animation-delay:-2.4s}
.layer-tomato{clip-path:inset(37% 0 46% 0);--lift:8px;animation-delay:-1.6s}
.layer-cheese{clip-path:inset(51% 0 30% 0);--lift:-7px;animation-delay:-3.1s}
.layer-patty{clip-path:inset(63% 0 18% 0);--lift:6px;animation-delay:-1.1s}
.layer-bun-bottom{clip-path:inset(80% 0 0 0);--lift:3px;animation-delay:-2.8s}
.falling-fries{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.falling-fries i{position:absolute;z-index:1;top:-70px;width:9px;height:50px;border-radius:3px;background:linear-gradient(90deg,#B56E21 0%,#F8C356 25%,#FFE39A 57%,#C57B24 100%);box-shadow:0 0 13px rgba(242,180,72,.28);opacity:0;animation:fry-fall 7s linear infinite}
.falling-fries i:nth-child(1){left:12%;--rot:34deg;animation-delay:-1s}.falling-fries i:nth-child(2){left:82%;--rot:-23deg;animation-delay:-4.1s;height:42px}.falling-fries i:nth-child(3){left:21%;--rot:-18deg;animation-delay:-5.4s;height:34px}.falling-fries i:nth-child(4){left:89%;--rot:27deg;animation-delay:-2.7s;height:39px}.falling-fries i:nth-child(5){left:6%;--rot:-28deg;animation-delay:-6.2s;height:29px}.falling-fries i:nth-child(6){left:74%;--rot:43deg;animation-delay:-.2s;height:32px}.falling-fries i:nth-child(7){left:94%;--rot:-38deg;animation-delay:-5s;height:25px}
.scene-chip{position:absolute;z-index:3;top:24px;right:24px;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(212,175,98,.56);border-radius:999px;background:rgba(8,19,22,.78);backdrop-filter:blur(8px);color:#F3EADC;font-size:.7rem;font-weight:900;letter-spacing:.03em}
.scene-chip b{font-weight:400;color:#C3D1CC}.chip-light,.live-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#2CEAF3;box-shadow:0 0 12px #2CEAF3;animation:halo-pulse 1.7s ease-in-out infinite alternate}
.scene-footer{position:absolute;z-index:3;bottom:23px;left:27px;right:27px;display:flex;align-items:center;gap:12px;color:#D7E1DC;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.scene-dash{flex:1;height:1px;background:linear-gradient(90deg,var(--gold),var(--cyan))}
@keyframes ingredient-float{from{transform:translateY(0)}to{transform:translateY(var(--lift))}}
@keyframes fry-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.9}80%{opacity:.85}100%{transform:translateY(660px) rotate(var(--rot));opacity:0}}
@keyframes halo-pulse{from{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1.05)}}
@keyframes orbit-breathe{from{opacity:.35;transform:rotate(-18deg) scale(.97)}to{opacity:.75;transform:rotate(-18deg) scale(1.02)}}
.intro{padding:93px 0 80px;align-items:center}.intro h2{max-width:15ch}
.flow{display:block;padding:0 0 108px}
.flow-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);column-gap:40px;align-items:end;margin-bottom:30px}
.flow-heading .section-label{grid-column:1;grid-row:1;margin-bottom:12px}.flow-heading h2{grid-column:1;grid-row:2;max-width:14ch}.flow-heading>p:last-child{grid-column:2;grid-row:2;max-width:38ch;color:var(--muted);font-size:1.04rem}
.capabilities-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.journey-board{position:relative;overflow:hidden;border:1px solid #365057;border-radius:19px;background:radial-gradient(circle at 50% 0%,rgba(44,234,243,.09),transparent 48%),#10191E;box-shadow:0 24px 50px -45px rgba(44,234,243,.6)}
.journey-board::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(44,234,243,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(44,234,243,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000,transparent 70%)}
.board-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 23px;border-bottom:1px solid #365057;color:#CFDBD5;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.board-top>span{display:inline-flex;align-items:center;gap:9px}.board-top i{width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}
.board-top::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:translateX(-100%);animation:board-scan 8s linear infinite}
@keyframes board-scan{to{transform:translateX(100%)}}
.journey-stages{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:23px}
.journey-stage{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;min-height:322px;padding:16px;text-align:left;color:var(--ink);background:#142028;border:1px solid #315057;border-radius:13px;cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s}
.journey-stage:hover{transform:translateY(-3px);border-color:#6B8279}.journey-stage[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px rgba(212,175,98,.2),0 18px 35px -28px rgba(212,175,98,.55)}
.stage-head{display:flex;gap:9px;align-items:center;color:#D9E4E0;font-size:.83rem;font-weight:900}.stage-head b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #7D6D4E;border-radius:50%;color:var(--gold);font-size:.7rem}
.stage-preview{display:flex;flex-direction:column;justify-content:center;gap:8px;height:176px;min-width:0;overflow:hidden;border-radius:10px;background:linear-gradient(150deg,#1C3135,#0F2329);border:1px solid #365057;padding:14px;transition:background .3s}
.journey-stage[aria-pressed=true] .stage-preview{background:linear-gradient(150deg,#244043,#122A2E)}
.stage-preview .mini-chat-bubble{align-self:flex-start;max-width:90%;padding:6px 9px;border-radius:9px 9px 9px 2px;background:#253B3A;color:#EAF6F0;font-size:.72rem;line-height:1.3}.stage-preview .mini-chat-bubble.reply{align-self:flex-end;border-radius:9px 9px 2px 9px;background:#23524A}
.mini-ticket{display:grid;gap:8px;align-self:center;width:min(100%,210px);padding:13px;background:#F4EAD6;color:#152322;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.mini-ticket>span{font-size:.62rem;letter-spacing:.1em;font-weight:900}.mini-ticket>b{font:700 .86rem Sora,Arial,sans-serif}.mini-ticket>small{font-size:.67rem}.mini-ticket i{height:1px;border-top:1px dashed #89928A}
.kitchen-screen{display:grid;gap:10px;padding:13px;border:1px solid #56888A;border-radius:7px;background:#0D1A1D;color:#E6F3EC;box-shadow:0 0 20px rgba(44,234,243,.14)}.kitchen-screen>span{display:flex;justify-content:space-between;color:var(--gold);font-size:.65rem;font-weight:900}.kitchen-screen>span b{color:var(--cyan)}.kitchen-screen strong{font-size:.85rem}.kitchen-screen small{color:#BDCCC6}.kitchen-screen i{height:4px;border-radius:9px;background:linear-gradient(90deg,var(--gold) 65%,#284041 65%)}
.journey-stage>strong{margin-top:auto;font:700 .92rem/1.3 Sora,Arial,sans-serif}.journey-stage>small{color:#B7C9C3;font-size:.76rem;line-height:1.35}
.board-note{position:relative;margin:0 23px;padding:16px 0 19px;border-top:1px solid #365057;color:#AEC6C1;font-size:.76rem}
.capabilities{display:block;padding:78px 0 104px}.capabilities-heading h2{max-width:18ch}.capabilities-heading p{max-width:34ch;margin:0}
.capability-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.capability-list article,.capability-list article:first-child{display:block;min-width:0;padding:0 0 23px;border:1px solid #304046;border-radius:15px;background:#111A20;overflow:hidden;transition:transform .25s,border-color .25s}
.capability-list article:hover{transform:translateY(-4px);border-color:#827356}
.cap-visual{position:relative;height:236px;margin-bottom:23px;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid #304046;background:radial-gradient(circle at 50% 55%,#244047,#102329 74%)}
.cap-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(44,234,243,.07) 50%,transparent 65%);transform:translateX(-110%);animation:visual-sheen 8s ease-in-out infinite}
@keyframes visual-sheen{0%,36%{transform:translateX(-110%)}64%,100%{transform:translateX(110%)}}
.visual-tag{position:absolute;right:13px;bottom:12px;padding:5px 9px;border:1px solid rgba(212,175,98,.5);border-radius:99px;background:#101A1CCF;color:var(--gold);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.menu-phone,.chat-phone{width:196px;min-height:202px;padding:12px;border:1px solid #8B8067;border-radius:15px 15px 0 0;background:#F3EADC;color:#182421;box-shadow:0 13px 35px rgba(0,0,0,.36);transform:translateY(19px)}
.menu-phone>span{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #D6C9AE;padding-bottom:7px;color:#6B542D;font-size:.65rem;font-weight:900;letter-spacing:.13em}.menu-phone>span i{font-style:normal;font-size:1rem}
.menu-product{position:relative;margin-top:10px;padding:7px 8px 7px 45px;min-height:55px;border-radius:8px;background:#E8DDC9;display:grid;gap:1px}.menu-product::before{content:"";position:absolute;left:8px;top:10px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#F8D374 0 24%,#7A4624 25% 55%,#3A6135 56% 75%,#D9A852 76%)}.menu-product.second::before{background:repeating-linear-gradient(80deg,#D99531 0 5px,#FFD67E 5px 10px)}.menu-product b{font-size:.68rem}.menu-product small{font-size:.58rem;color:#5A6A5D}.menu-product em{font-style:normal;font-size:.61rem;font-weight:900;color:#775725}
.chat-phone{width:214px;background:#0D2021;border-color:#508279;color:#EAF5EE;display:flex;flex-direction:column;gap:8px}.chat-phone-top{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:900;border-bottom:1px solid #33534C;padding-bottom:7px}.wa-dot{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#1DCB75;color:white;font-size:.8rem}.bubble-in,.bubble-out{max-width:83%;padding:6px 8px;border-radius:9px;background:#26413B;font-size:.6rem;line-height:1.3}.bubble-out{align-self:flex-end;background:#286357}.chat-typing{display:flex;gap:3px;margin-top:auto}.chat-typing i{width:4px;height:4px;border-radius:50%;background:var(--cyan);animation:typing 1.4s ease-in-out infinite}.chat-typing i:nth-child(2){animation-delay:.2s}.chat-typing i:nth-child(3){animation-delay:.4s}@keyframes typing{50%{opacity:.2;transform:translateY(-2px)}}
.kitchen-board{width:min(84%,245px);min-height:186px;padding:12px;border:1px solid #669395;border-radius:8px;background:#0B191D;color:#E9F6EF;box-shadow:0 10px 25px rgba(0,0,0,.35);transform:rotate(-3deg)}.kitchen-board>span{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #385356;color:var(--gold);font-size:.67rem;font-weight:900}.kitchen-board>span i{font-style:normal;color:var(--cyan)}.kitchen-board>div{display:flex;justify-content:space-between;gap:8px;margin-top:13px;font-size:.77rem}.kitchen-board>div span{color:var(--cyan)}.kitchen-board>small{color:#B6CEC5;font-size:.59rem}
.capability-list article>.cap-number{display:block;width:auto;height:auto;padding:0 22px;margin-bottom:8px;color:var(--gold);font-size:.72rem}.capability-list article>div:last-child{padding:0 22px}.capability-list h3{font-size:1.04rem}.capability-list p{margin-top:9px;font-size:.89rem;line-height:1.5}
.implementation{padding:82px 0 96px}.implementation-heading h2{max-width:17ch}.implementation ol{gap:17px;margin:38px 0 29px}
.implementation li{padding:0 0 24px;overflow:hidden;border:1px solid #334247;border-radius:15px;background:#111A20}.implementation li>span,.implementation li h3,.implementation li p{display:block;margin-left:22px;margin-right:22px}.implementation li>span{margin-top:20px}.implementation li h3{margin-top:11px;font-size:1.03rem}.implementation li p{margin-top:10px;font-size:.89rem;line-height:1.5}
.step-art{height:162px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #334247;background:radial-gradient(circle,#214044,#13252B 69%)}.step-art svg{width:82px;height:82px;fill:none;stroke:#E4BD6D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(212,175,98,.23));animation:step-lift 4.8s ease-in-out infinite alternate}.implementation li:nth-child(2) .step-art svg{animation-delay:-1.6s;stroke:#79DDE1}.implementation li:nth-child(3) .step-art svg{animation-delay:-3.2s}.step-art span{color:#A9D0CB;font-size:.58rem;font-weight:900;letter-spacing:.14em}@keyframes step-lift{to{transform:translateY(-6px)}}
.closing h2{max-width:20ch;line-height:1.18}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.hero-copy{padding:42px 28px}.hero h1{font-size:clamp(2.6rem,5.5vw,3.6rem)}.journey-stages{gap:9px;padding:16px}.journey-stage{padding:11px}.stage-preview{padding:9px}.capability-list{gap:10px}.capability-list article>div:last-child{padding:0 15px}.capability-list article>.cap-number{padding:0 15px}.implementation ol{gap:10px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 24px 34px}.hero h1{max-width:11ch;font-size:clamp(2.7rem,9.5vw,3.4rem)}.restaurant-scene{min-height:0;height:440px}.burger-stack{width:min(85%,340px)}.intro{padding:70px 0 55px}.flow-heading,.capabilities-heading{display:block}.flow-heading>p:last-child{margin-top:16px}.capabilities-heading p{margin-top:16px}.journey-stages{grid-template-columns:1fr;gap:12px;padding:15px}.journey-stage{min-height:0;display:grid;grid-template-columns:1fr 1.35fr;grid-template-rows:auto 1fr auto;column-gap:14px;padding:13px}.stage-head{grid-column:1}.stage-preview{grid-column:2;grid-row:1/4;height:142px}.journey-stage>strong{grid-column:1;align-self:end}.journey-stage>small{grid-column:1}.capabilities{padding:65px 0 80px}.capability-list{grid-template-columns:1fr;gap:17px}.cap-visual{height:218px}.implementation ol{grid-template-columns:1fr;gap:16px}.implementation li{min-height:0}.step-art{height:150px}.closing h2{max-width:18ch}}
@media(max-width:420px){.hero-copy{padding:32px 20px}.restaurant-scene{height:380px}.burger-stack{width:min(82%,300px)}.scene-chip{top:12px;right:12px;padding:7px 10px;font-size:.58rem}.scene-footer{left:15px;right:15px;bottom:14px;font-size:.58rem}.journey-stage{grid-template-columns:1fr 1.1fr;column-gap:8px}.stage-preview{padding:7px}.stage-preview .mini-chat-bubble{font-size:.59rem}.journey-stage>strong{font-size:.77rem}.journey-stage>small{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.restaurant-scene::before,.scene-halo,.burger-layer,.falling-fries i,.chip-light,.live-dot,.board-top::after,.cap-visual::before,.chat-typing i,.step-art svg{animation:none}.falling-fries i{display:none}.burger-layer{transform:none}.journey-stage,.capability-list article{transition:none}}