:root{--bg:#0A0E12;--surface:#11171D;--line:#2E2A20;--ink:#F3EADC;--muted:#BEB9AB;--gold:#D4AF62;--cyan:#2CEAF3;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.58 Lato,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Sora,Arial,sans-serif;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.9rem,5.2vw,4.7rem);font-weight:700}h2{font-size:clamp(2rem,3.5vw,3rem)}h3{font-size:1.15rem}em{font-style:normal;color:var(--gold)}a{color:inherit}button{font:inherit}::selection{background:var(--gold);color:var(--bg)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}*{scrollbar-color:#78643A var(--bg)}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:16px;top:-60px;padding:10px;background:var(--ink);color:var(--bg);z-index:20}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.nav-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.nav-inner nav{display:flex;align-items:center;gap:28px;font-size:.83rem;font-weight:700}.nav-inner nav a{text-decoration:none;white-space:nowrap}.nav-inner nav a:hover{color:var(--gold)}.nav-contact{border:1px solid var(--gold);border-radius:99px;padding:9px 17px}.hero{position:relative;isolation:isolate;min-height:530px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:16px;margin-top:32px;background:#080D12}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,13,18,.98) 0%,rgba(8,13,18,.94) 35%,rgba(8,13,18,.2) 74%,rgba(8,13,18,.08) 100%)}.hero-art{position:absolute;inset:0;z-index:-2;transform-origin:80% 45%;animation:hero-drift 22s ease-in-out infinite alternate}.hero-img{position:absolute;inset:0;background:url('/assets/serve-network.webp') right center/cover no-repeat}#hero-fx{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-copy{width:min(620px,60%);padding:58px 0 72px 56px;position:relative}.hero-context{color:var(--gold);font-size:.79rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px}.hero h1 span{color:var(--gold)}.hero-lead{max-width:51ch;margin-top:24px;color:#DDD8CB;font-size:1.12rem}.hero-actions,.closing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:99px;padding:12px 22px;text-decoration:none;font-size:.88rem;font-weight:900;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#0A0E12}.button-gold:hover{background:#E7C77D}.button-outline{border:1px solid #877C65;color:var(--ink)}.button-outline:hover{border-color:var(--cyan)}.hero-caption{position:absolute;right:24px;bottom:19px;color:#BBB6A8;font-size:.75rem}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;padding:112px 0 84px}.intro p{max-width:56ch;color:var(--muted);font-size:1.12rem}.flow{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center;padding:38px 0 100px}.flow-copy{max-width:440px}.section-label{color:var(--cyan);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:16px}.flow-copy>p:not(.section-label){color:var(--muted);margin-top:22px}.flow-rule{height:1px;background:var(--line);margin-top:34px}.flow-copy .flow-foot{font-size:.88rem}.live-demo{background:#121B20;border:1px solid #365057;border-radius:15px;padding:27px 30px;box-shadow:0 20px 50px -38px rgba(44,234,243,.35)}.demo-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.91rem}.demo-heading button{border:0;background:none;color:var(--cyan);cursor:pointer;text-decoration:underline;text-underline-offset:4px;font-size:.78rem}.demo-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0 27px}.demo-controls button{text-align:left;color:#C2C5BC;background:none;border:0;border-bottom:1px solid #4A5654;padding:0 0 11px;cursor:pointer;font-size:.79rem;white-space:nowrap}.demo-controls button[aria-pressed=true]{color:var(--ink);border-color:var(--gold)}.demo-controls span{color:var(--gold);font-variant-numeric:tabular-nums;margin-right:4px}.demo-result{display:flex;gap:18px;min-height:83px}.demo-result.switching{animation:result-enter .5s ease-out}.demo-result p:first-child{font-weight:900}.demo-result p:last-child{color:#BDC7C4;font-size:.86rem;margin-top:2px}.demo-symbol{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:9px;background:#24413F;color:var(--cyan)}.demo-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.demo-disclaimer{border-top:1px solid #365057;padding-top:14px;color:#B7C7C1;font-size:.77rem}.capabilities{border-top:1px solid var(--line);padding:82px 0 100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.capabilities-heading p{color:var(--muted);margin-top:23px;max-width:35ch}.capability-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid var(--line)}.capability-list article:first-child{padding-top:0}.capability-list article>span,.implementation li>span{color:var(--gold);font-size:.77rem;font-variant-numeric:tabular-nums}.capability-list p{color:var(--muted);max-width:52ch;margin-top:8px}.implementation{border-top:1px solid var(--line);padding:90px 0 105px}.implementation-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.implementation-heading p{color:var(--muted);max-width:36ch}.implementation ol{padding:0;margin:54px 0 26px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.implementation li{border-top:2px solid var(--gold);padding-top:21px}.implementation li h3{margin-top:22px}.implementation li p{margin-top:12px;color:var(--muted)}.scope-note{max-width:78ch;color:var(--muted);font-size:.83rem}.closing{border:1px solid #595038;border-radius:16px;background:linear-gradient(115deg,#141B20,#112524);padding:53px 56px;display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:90px}.closing h2{font-size:clamp(1.8rem,3vw,2.7rem)}.closing p{color:var(--muted);margin-top:15px}.closing-actions{margin-top:0;justify-content:flex-end;max-width:325px}.site-footer{border-top:1px solid var(--line);padding-block:24px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.78rem}.site-footer a:not(.oteris-lockup){color:var(--gold)}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.045) translateX(-6px)}}@keyframes result-enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.nav-inner{min-height:72px}.nav-inner nav{gap:15px}.hero{min-height:500px}.hero-copy{width:70%;padding-left:34px}.intro,.flow,.capabilities,.implementation-heading{gap:35px}.closing{padding:40px}.closing-actions{flex-direction:column}}
@media(max-width:700px){.wrap{width:min(100% - 30px,1160px)}.nav-inner{flex-wrap:wrap;justify-content:center;padding-block:12px;gap:10px}.nav-inner nav{width:100%;justify-content:center;flex-wrap:wrap;gap:8px 18px;font-size:.78rem}.nav-contact{padding:5px 11px}.hero{margin-top:20px;min-height:590px;align-items:flex-end}.hero::after{background:linear-gradient(180deg,rgba(8,13,18,.12) 0%,rgba(8,13,18,.38) 28%,rgba(8,13,18,.96) 60%,#080D12 100%)}.hero-img{background-position:70% top;background-size:auto 70%}.hero-copy{width:100%;padding:230px 24px 58px}.hero-context{margin-bottom:12px;font-size:.67rem}.hero-lead{font-size:1rem;margin-top:18px}.hero-caption{display:none}.intro,.flow,.capabilities,.implementation-heading{grid-template-columns:1fr}.intro{padding:72px 0 56px;gap:20px}.flow{padding:0 0 74px;gap:32px}.capabilities{padding:64px 0 75px;gap:37px}.implementation{padding:70px 0 80px}.implementation ol{grid-template-columns:1fr;gap:23px;margin-top:38px}.implementation li h3{margin-top:9px}.closing{display:block;padding:34px 25px;margin-bottom:65px}.closing-actions{max-width:none;margin-top:24px;align-items:flex-start}.site-footer{flex-wrap:wrap;justify-content:flex-start}.site-footer .oteris-lockup{flex-basis:100%}}
@media(max-width:420px){.nav-inner nav{gap:6px 12px}.hero{min-height:620px}.hero-copy{padding-inline:19px}.hero-actions{display:grid;align-items:start}.button{justify-content:center}.live-demo{padding:20px 17px}.demo-controls{gap:2px}.demo-controls button{font-size:.68rem}.demo-controls span{display:block}.capability-list article{grid-template-columns:31px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.demo-result.switching{animation:none}.button{transition:none}}
.hero h1{font-size:clamp(2.9rem,4.6vw,4rem)}
@media(max-width:700px){.hero{min-height:0;display:block}.hero-art{height:330px;bottom:auto}.hero-img{background-size:auto 330px;background-position:67% top}.hero::after{background:linear-gradient(180deg,rgba(8,13,18,.03) 0%,rgba(8,13,18,.08) 210px,#080D12 330px)}.hero-copy{padding:345px 22px 42px}.hero h1{font-size:clamp(2.2rem,9vw,2.9rem)}.hero-context{margin-bottom:13px}}

/* The restaurant story on the home page has its own visual identity. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:stretch;min-height:495px;background:radial-gradient(circle at 65% 45%,#13292A 0%,#10181B 36%,#080D12 76%)}
.hero::after{content:none}
.hero-copy{width:auto;min-width:0;padding:60px 35px 62px 52px;align-self:center;z-index:1}
.hero-lead{max-width:49ch}
.restaurant-scene{position:relative;min-width:0;min-height:495px;overflow:hidden;background:#17221F}
.restaurant-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:49% center;animation:restaurant-focus 17s ease-in-out infinite alternate}
.restaurant-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,18,.2),transparent 28%),linear-gradient(0deg,rgba(7,13,13,.88),transparent 44%);pointer-events:none}
.order-ticket{position:absolute;right:22px;top:22px;max-width:min(270px,calc(100% - 44px));display:grid;gap:2px;padding:13px 17px;background:rgba(10,18,20,.84);border:1px solid rgba(212,175,98,.72);border-radius:11px;box-shadow:0 12px 28px rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.ticket-label{color:var(--gold);font-size:.64rem;font-weight:900;letter-spacing:.11em}
.order-ticket strong{font:700 .88rem/1.3 Sora,Arial,sans-serif}
.ticket-meta{color:#C9DBD2;font-size:.72rem}
.order-journey{position:absolute;bottom:26px;left:25px;right:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:13px;color:#F6EEDF;font-size:.72rem;font-weight:900;text-shadow:0 1px 7px #071212}
.order-journey span:nth-child(2){text-align:center}.order-journey span:nth-child(3){text-align:right}
.order-journey::before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.4)}
.order-journey i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 12px var(--cyan);transform:scaleX(.08);transform-origin:left;animation:order-progress 12s ease-in-out infinite}
@keyframes restaurant-focus{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes order-progress{0%,4%{transform:scaleX(.08)}29%,37%{transform:scaleX(.5)}62%,92%{transform:scaleX(1)}100%{transform:scaleX(.08)}}
@media(max-width:900px){.hero-copy{width:auto;padding:43px 28px}.restaurant-scene{min-height:455px}}
@media(max-width:700px){.hero{display:grid;grid-template-columns:1fr;min-height:0}.hero-copy{padding:37px 24px 34px}.hero h1{font-size:clamp(2.3rem,9vw,3.2rem)}.restaurant-scene{height:390px;min-height:0}.restaurant-scene>img{object-position:center 54%}}
@media(max-width:420px){.hero-copy{padding:32px 20px}.restaurant-scene{height:335px}.order-ticket{right:13px;top:13px;padding:10px 12px}.order-journey{left:17px;right:17px;bottom:20px;font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.restaurant-scene>img,.order-journey i{animation:none}.order-journey i{transform:scaleX(1)}}