.hero{background-color:#101713;background-image:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.88) 100%),url('assets/restaurant-bar-hero.png');background-size:cover;background-position:center}
.restaurant-icon,.concierge-avatar{background:transparent;border-radius:0}
.arqensa-symbol{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.whatsapp-symbol{display:block;width:32px;height:32px;flex:none;object-fit:contain}
.restaurant-icon .whatsapp-symbol,.concierge-avatar .whatsapp-symbol,.entry-avatar .whatsapp-symbol{width:100%;height:100%}
.connection-hub .hub-mark{border:0;border-radius:0;background:transparent}
footer{padding-block:20px;gap:20px}
footer>.brand img{width:145px;padding-block:0}
footer>.brand>span{font-size:8px}
@media(max-width:720px){footer{padding:20px 22px;gap:18px}footer>div{flex-direction:row;flex-wrap:wrap;gap:10px 18px}footer>.brand img{width:130px}footer>p{width:auto}.hero{background-position:60% center}}
.ticker>.ticker-track{gap:0;animation:seamless-ticker 38s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;justify-content:space-around;gap:38px;padding-right:38px;min-width:100vw;flex:none}
.ticker:hover>.ticker-track{animation-play-state:paused}
@keyframes seamless-ticker{to{transform:translateX(-50%)}}

.connections{background-color:#e3e8d7;background-image:radial-gradient(#145c4517 .7px,transparent .7px);background-size:18px 18px}
.connection-board{grid-template-columns:minmax(210px,1fr) 70px minmax(245px,1.15fr) 85px minmax(300px,1.5fr);max-width:1320px;margin-top:65px}
.connection-source{padding:30px 22px;background:var(--cream);border:1px solid #1b261e45;border-radius:18px;box-shadow:0 8px 0 #1b261e0b;text-align:left}
.connection-source .node-icon{width:54px;height:54px;margin:0 0 25px;border-radius:16px;display:grid;place-items:center;background:var(--green);color:white}
.node-icon svg{width:30px;height:30px}
.connection-kicker{display:block;font:700 9px/1.5 var(--body);letter-spacing:.13em}
.connection-source strong{font-size:27px;line-height:1.2;margin:9px 0 7px}
.connection-source>span:last-of-type{font-size:13px;color:var(--muted)}
.connection-message{padding:13px 12px;margin-top:25px;font-size:12px;background:#dcebc9;border-radius:10px 0 10px 10px;color:var(--ink)}
.connection-message>span{display:block;text-align:right;color:var(--green);font-size:10px}
.connection-hub{position:relative;padding:29px 25px;border:1px solid #0b3f2e;border-radius:20px;box-shadow:0 12px 0 #1b261e12;background:var(--green);overflow:hidden}
.connection-hub>.connection-kicker{font-size:11px;color:var(--yellow)}
.connection-hub .hub-mark{display:grid;place-items:center;width:55px;height:55px;margin:28px 0 21px}
.connection-hub strong{font-size:25px;line-height:1.22;margin:0 0 15px}
.connection-hub strong br{display:block}
.connection-hub small{font-size:12px;color:#e2e8d8}
.hub-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px}
.hub-tags span{font-size:8px;letter-spacing:.04em;padding:5px 6px;border:1px solid #f5f1e63b;border-radius:3px}
.connector{height:2px;background:#145c4566}
.connector:after{content:'';width:7px;height:7px;right:0;top:-3px;border-top:2px solid var(--green);border-right:2px solid var(--green);transform:rotate(45deg)}
.connector:before{content:'';position:absolute;width:9px;height:9px;left:0;top:-3.5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ff792d20;animation:connection-travel 4.8s ease-in-out infinite;animation-play-state:paused}
.connector-branch:before{animation-delay:1.2s}
.connection-destinations{position:relative;gap:18px}
.connection-destinations:before{content:'';position:absolute;top:54px;bottom:54px;left:-25px;border-left:2px solid #145c4566}
.connection-destinations>div{display:flex;align-items:center;gap:14px;min-height:108px;padding:20px 18px;border:1px solid #1b261e45;border-radius:12px;background:var(--cream);position:relative;box-shadow:0 5px 0 #1b261e08;animation:destination-receive 4.8s ease-in-out infinite;animation-play-state:paused}
.connection-destinations>div:before{content:'';position:absolute;left:-25px;width:24px;top:50%;height:2px;background:#145c4566}
.connection-destinations>div:nth-child(2){animation-delay:.25s}
.connection-destinations>div:nth-child(3){animation-delay:.5s}
.connection-destinations .destination-icon{display:grid;place-items:center;flex:none;width:42px;height:46px;background:#e3e8d7;border-radius:8px;color:var(--green)}
.destination-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.connection-destinations b{font-size:17px}
.connection-destinations div>div>span{font-size:11px;margin-top:5px;color:var(--muted)}
.connection-destinations i{position:static;margin-left:auto;align-self:flex-start;font-size:7px;padding:3px 5px;border-radius:3px;background:#e3e8d7;letter-spacing:.02em}
.connection-destinations>div:first-child{padding-top:28px}
.connection-destinations>div:first-child i{position:absolute;top:8px;right:12px}
.connections.in-view .connector:before,.connections.in-view .connection-destinations>div{animation-play-state:running}
@keyframes connection-travel{0%,12%{left:0;opacity:0}20%{opacity:1}65%{left:calc(100% - 9px);opacity:1}80%,100%{left:calc(100% - 9px);opacity:0}}
@keyframes destination-receive{0%,60%,100%{border-color:#1b261e45}72%,85%{border-color:#145c45;box-shadow:0 5px 0 #145c4520}}
.faq-page{background:var(--ink);color:var(--cream)}
.faq-back{padding:40px 5vw 0;display:flex;justify-content:space-between;align-items:center;gap:25px}
.faq-back .text-link{font-size:13px}.faq-back>span{font-size:10px;letter-spacing:.1em;color:var(--yellow)}
.faq-page .faq{padding-top:65px}
.faq-contact{padding:60px 5vw;background:var(--orange);color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:30px}
.faq-contact h2{font-size:clamp(36px,4vw,58px)}
.faq-contact .button{background:var(--cream)}
@media(max-width:1100px){.connection-board{grid-template-columns:minmax(170px,1fr) 35px minmax(210px,1.1fr) 45px minmax(245px,1.3fr)}.connection-source,.connection-hub{padding:25px 18px}.connection-destinations>div{padding-inline:13px;gap:10px}.connection-destinations .destination-icon{width:32px}.connection-destinations b{font-size:15px}}
@media(max-width:800px){
 .connection-board{grid-template-columns:1fr;max-width:500px;gap:0;margin-top:35px;padding:0}
 .connection-source{display:block;text-align:left;padding:25px}.connection-source .node-icon{margin-bottom:18px}
 .connection-message{max-width:280px}.connection-hub{padding:25px;text-align:left}
 .connection-hub .hub-mark{position:absolute;right:25px;top:15px;margin:0}
 .connection-hub strong{margin-top:28px}.hub-tags{margin-top:22px}
 .connector{height:42px;width:2px}.connector:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}
 .connector:before{left:-3.5px;top:0;animation-name:connection-travel-down}
 .connection-destinations{gap:12px}.connection-destinations:before,.connection-destinations>div:before{display:none}
 .connection-destinations>div{min-height:100px;padding:22px}.connection-destinations .destination-icon{width:42px}
 .connection-destinations b{font-size:17px}.connection-destinations i{position:absolute}
 .integration-footnote{line-height:1.6}
}
@keyframes connection-travel-down{0%,12%{top:0;opacity:0}20%{opacity:1}65%{top:calc(100% - 9px);opacity:1}80%,100%{top:calc(100% - 9px);opacity:0}}
@media(max-width:720px){.ticker-group{gap:25px;padding-right:25px}.faq-back{padding:25px 22px 0;flex-direction:column;align-items:flex-start}.faq-page .faq{padding-top:45px}.faq-contact{padding:45px 22px;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.ticker>.ticker-track{animation:none;transform:none}.connector:before{display:none}.connection-destinations>div{animation:none}}