/* Trovi AI — Restaurant landing page */
.restaurant-page{--rr-orange:#ff5d22;--rr-orange-2:#ff8a43;--rr-peach:#fff0e8;--rr-violet:#8b63e6;--rr-green:#70c95b;--rr-blue:#4f91dd;background:#fff;color:#090909}
.restaurant-page section{padding:clamp(74px,8vw,118px) 0}
.rr-wrap,.rr-shell{width:min(1380px,calc(100% - 80px));margin:0 auto}
.rr-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--rr-orange);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}
.rr-section-head{max-width:820px;margin:0 auto 48px;text-align:center}
.rr-section-head h2,.rr-dashboard-head h2,.rr-workflow-copy h2,.rr-pressure-copy h2,.rr-faq-grid>div:first-child h2{font-size:clamp(36px,4.7vw,66px);line-height:.98;letter-spacing:-.045em}
.rr-section-head p{max-width:650px;margin:20px auto 0;color:#625f5a;font-size:18px;line-height:1.6}
.dd a.is-current{background:#fff0e8;color:#ef4f17;font-weight:700}

/* hero */
.rr-hero{padding:0!important;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fffdfa 75%,#fff8f3 100%)}
.rr-shell{min-height:calc(100vh - 74px);display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(48px,6vw,96px);align-items:start;padding:90px 0 70px;position:relative;z-index:2}
.rr-glow{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none}.rr-glow--one{width:540px;height:540px;right:8%;top:8%;background:radial-gradient(circle,rgba(255,109,45,.16),transparent 68%)}.rr-glow--two{width:390px;height:390px;right:32%;bottom:4%;background:radial-gradient(circle,rgba(147,104,239,.11),transparent 70%)}
.rr-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffd5c2;background:#fff8f4;color:#e84e18;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 30px rgba(242,91,35,.08)}
.rr-hero-copy h1{font-size:clamp(42px,4.8vw,68px);line-height:.89;letter-spacing:-.06em;margin:25px 0 27px;max-width:700px}.rr-hero-copy h1 span{display:block;color:var(--rr-orange)}
.rr-hero-copy>p{max-width:500px;color:#55514d;font-size:clamp(15px,1.1vw,17px);line-height:1.7}
.rr-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.rr-btn{height:58px;padding:0 23px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s}.rr-btn:hover{transform:translateY(-2px)}.rr-btn--dark{background:#101010;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.14)}.rr-btn--dark:hover{box-shadow:0 18px 40px rgba(0,0,0,.2)}.rr-btn--light{background:#fff;border:1px solid #dedad3;color:#111}.rr-btn--light:hover{border-color:#111}
.rr-launch{margin-top:27px;display:flex;align-items:center;gap:10px;color:#68635d;font-size:14px}.rr-launch i{width:9px;height:9px;background:var(--rr-orange);border-radius:50%;box-shadow:0 0 0 5px rgba(255,93,34,.12)}
.rr-demo{background:rgba(255,255,255,.92);border:1px solid #eadfd8;border-radius:27px;box-shadow:0 35px 90px rgba(78,44,25,.16),0 3px 0 #fff inset;padding:18px;position:relative;overflow:hidden;transform:rotate(.7deg)}
.rr-demo::before{content:"";position:absolute;inset:auto -80px -90px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(139,99,230,.20),transparent 68%)}
.rr-demo-top{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 15px;border-bottom:1px solid #eee6e1;font-size:13px}.rr-demo-top>div{display:flex;align-items:center;gap:9px}.rr-demo-top i{width:8px;height:8px;border-radius:50%;background:#54cb52;box-shadow:0 0 0 4px rgba(84,203,82,.12);animation:rrPulse 1.8s infinite}.rr-demo-top>span{font-variant-numeric:tabular-nums;color:#79736d}
.rr-tabs{display:flex;gap:7px;padding:15px 0 13px;overflow:auto;scrollbar-width:none}.rr-tabs::-webkit-scrollbar{display:none}.rr-tabs button{white-space:nowrap;padding:8px 11px;border:1px solid #e9e1dc;border-radius:9px;color:#6f6963;font-size:12px;font-weight:700;background:#fff;transition:.2s}.rr-tabs button.is-active{color:#e74e19;border-color:#ffb693;background:#fff4ed;box-shadow:0 8px 20px rgba(255,93,34,.11)}
.rr-call-stage{position:relative;min-height:472px;border-radius:20px;background:linear-gradient(145deg,#fbfaf8,#fff);border:1px solid #ece6e1;padding:18px;overflow:hidden}.rr-call-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.68) 44%,transparent 65%);transform:translateX(-110%);animation:rrShine 7s infinite;pointer-events:none}
.rr-call-meta{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid #eee9e5;position:relative;z-index:1}.rr-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ff7440,#ffb188);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.rr-call-meta>div{display:grid}.rr-call-meta strong{font-size:14px}.rr-call-meta small{color:#817a74;font-size:11px}.rr-call-live{margin-left:auto;color:#50aa4c;background:#effaed;border:1px solid #cceac8;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.1em}
.rr-transcript{display:flex;flex-direction:column;gap:10px;padding:18px 0 15px;min-height:265px}.rr-message{max-width:84%;padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.45;opacity:0;transform:translateY(10px) scale(.98);transition:.38s cubic-bezier(.2,.8,.2,1)}.rr-message.is-visible{opacity:1;transform:none}.rr-message--guest{align-self:flex-start;background:#f1f0ef;border-bottom-left-radius:4px}.rr-message--trovi{align-self:flex-end;background:#fff0e7;border:1px solid #ffd7c4;border-bottom-right-radius:4px;color:#492112}.rr-message small{display:block;margin-top:5px;color:#8b827b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.rr-result{min-height:78px;border-radius:14px;padding:13px 14px;background:linear-gradient(100deg,#effbec,#f7fff5);border:1px solid #d5edcf;opacity:0;transform:translateY(8px);transition:.4s}.rr-result.is-visible{opacity:1;transform:none}.rr-result>div{display:flex;align-items:flex-start;gap:10px}.rr-result-icon{width:28px;height:28px;border-radius:9px;background:#65c953;color:#fff;display:grid;place-items:center;flex:none;font-weight:800}.rr-result strong{font-size:13px;display:block}.rr-result p{color:#6c7469;font-size:11px;line-height:1.45;margin-top:2px}.rr-result b{display:block;color:#438f3a;font-size:10px;margin-top:6px}
.rr-wave{height:36px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:5px}.rr-wave span{width:3px;height:30%;border-radius:99px;background:linear-gradient(#ff7a43,#ff4e16);animation:rrWave .95s ease-in-out infinite alternate}.rr-wave span:nth-child(2n){animation-delay:-.4s}.rr-wave span:nth-child(3n){animation-delay:-.7s}.rr-wave span:nth-child(5n){animation-delay:-.2s}
.rr-capability-strip{border-top:1px solid #eee0d6;border-bottom:1px solid #eee0d6;overflow:hidden;background:rgba(255,255,255,.7);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.rr-capability-track{width:max-content;display:flex;align-items:center;gap:22px;padding:15px 0;font-size:13px;font-weight:700;color:#5e5953;animation:rrMarquee 28s linear infinite}.rr-capability-track span{display:flex;align-items:center;gap:7px}.rr-capability-track span::before{content:"✓";color:var(--rr-orange);font-size:11px}.rr-capability-track i{color:#ffb08d}

/* problems */
.rr-problems{background:#fff}.rr-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.rr-problem-card{min-height:320px;border:1px solid #e9e3de;border-radius:23px;padding:25px;position:relative;overflow:hidden;background:linear-gradient(150deg,#fff,#fffaf6);transition:transform .25s,box-shadow .25s,border-color .25s}.rr-problem-card:hover{transform:translateY(-7px);border-color:#ffc7ad;box-shadow:0 22px 48px rgba(72,41,25,.1)}.rr-problem-card::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,108,43,.12),transparent 70%);top:-60px;right:-50px}.rr-icon{width:48px;height:48px;border-radius:15px;border:1px solid #ffd8c5;background:#fff5ef;color:var(--rr-orange);display:grid;place-items:center;font-size:23px;margin-bottom:35px}.rr-card-num{position:absolute;top:28px;right:26px;color:#c7c0ba;font-size:11px;font-weight:800;letter-spacing:.12em}.rr-problem-card h3{font-size:21px;line-height:1.08;margin-bottom:12px}.rr-problem-card p{color:#716b65;font-size:14px;line-height:1.55}.rr-mini-queue,.rr-night-line,.rr-question-stack,.rr-opportunity{position:absolute;left:24px;right:24px;bottom:22px;min-height:50px;border-radius:13px;background:#fff;border:1px solid #ece5e0;box-shadow:0 10px 24px rgba(55,38,27,.07)}.rr-mini-queue{display:flex;align-items:center;padding:10px}.rr-mini-queue i{width:22px;height:22px;margin-left:-6px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#ffb18d,#ff6731)}.rr-mini-queue i:first-child{margin-left:0}.rr-mini-queue b{font-size:10px;margin-left:auto;color:#4b4642}.rr-night-line{display:flex;align-items:center;gap:9px;padding:10px 12px}.rr-night-line i{width:8px;height:8px;border-radius:50%;background:#79cf64;box-shadow:0 0 0 4px rgba(121,207,100,.12)}.rr-night-line span{font-size:10px;color:#8b837d}.rr-night-line b{margin-left:auto;font-size:10px;color:#438c3c}.rr-question-stack{display:flex;gap:5px;align-items:center;padding:9px}.rr-question-stack span{background:#f5f3f1;border:1px solid #e9e5e1;border-radius:999px;padding:6px 8px;font-size:9px;white-space:nowrap;animation:rrFloat 3s ease-in-out infinite}.rr-question-stack span:nth-child(2){animation-delay:-1s}.rr-question-stack span:nth-child(3){animation-delay:-2s}.rr-opportunity{padding:9px 11px;display:grid}.rr-opportunity span{font-size:9px;color:#7d746e}.rr-opportunity b{font-size:11px;color:#e9551f}

/* workflow */
.rr-workflows{background:#fff9f5;border-top:1px solid #f4e5dc;border-bottom:1px solid #f4e5dc}.rr-workflow-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,7vw,110px);align-items:center}.rr-flow-visual{min-height:590px;border-radius:30px;background:#101010;color:#fff;padding:25px;position:relative;overflow:hidden;box-shadow:0 38px 80px rgba(0,0,0,.18)}.rr-flow-visual::before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(255,92,33,.4),transparent 68%);left:-150px;top:-140px}.rr-flow-visual::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(139,99,230,.28),transparent 70%);right:-180px;bottom:-180px}.rr-flow-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14)}.rr-flow-header span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#ff9a6e}.rr-flow-header b{font-size:12px;color:#bdb9b5;font-weight:500}.rr-incoming{position:relative;z-index:1;margin:68px auto 0;width:min(430px,90%);background:#fff;color:#111;border-radius:19px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:rrIncoming 4s ease-in-out infinite}.rr-phone-ring{width:48px;height:48px;border-radius:15px;background:#fff0e8;color:var(--rr-orange);display:grid;place-items:center;font-size:20px;animation:rrRing 1.4s ease-in-out infinite}.rr-incoming div{display:grid}.rr-incoming small{font-size:10px;color:#7b746e;text-transform:uppercase;letter-spacing:.1em}.rr-incoming strong{font-size:17px}.rr-flow-line{position:relative;z-index:1;width:2px;height:105px;margin:0 auto;background:linear-gradient(#ff6a2c,#9d72eb);display:flex;flex-direction:column;align-items:center;justify-content:space-around}.rr-flow-line i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.1);animation:rrTravel 1.8s linear infinite}.rr-flow-line i:nth-child(2){animation-delay:-.45s}.rr-flow-line i:nth-child(3){animation-delay:-.9s}.rr-flow-line i:nth-child(4){animation-delay:-1.35s}.rr-flow-line i:nth-child(5){animation-delay:-1.7s}.rr-flow-outcomes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rr-flow-outcomes>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:17px;padding:17px;display:grid;min-height:125px;backdrop-filter:blur(8px);transition:.2s}.rr-flow-outcomes>div:hover{background:rgba(255,255,255,.13);transform:translateY(-4px)}.rr-flow-outcomes span{width:30px;height:30px;border-radius:10px;background:#ff6a2c;display:grid;place-items:center;font-size:12px;margin-bottom:16px}.rr-flow-outcomes>div:nth-child(2) span{background:#8c67e8}.rr-flow-outcomes>div:nth-child(3) span{background:#6fc85b}.rr-flow-outcomes small{font-size:10px;color:#aaa6a2}.rr-flow-outcomes strong{font-size:15px}.rr-flow-note{position:relative;z-index:1;margin-top:30px;display:flex;justify-content:center;align-items:center;gap:9px;color:#c8c3bf;font-size:11px}.rr-flow-note i{width:7px;height:7px;border-radius:50%;background:#6cd15d;box-shadow:0 0 0 4px rgba(108,209,93,.12)}
.rr-workflow-copy h2{margin-bottom:34px}.rr-feature-list{display:grid;gap:0}.rr-feature-list article{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid #e8ddd5}.rr-feature-list article>span{width:33px;height:33px;border-radius:11px;background:#fff;border:1px solid #f0cdbc;color:#ee531b;display:grid;place-items:center;font-size:10px;font-weight:800}.rr-feature-list h3{font-size:19px;margin-bottom:5px}.rr-feature-list p{color:#736c65;font-size:14px;line-height:1.55;max-width:510px}

/* dashboard */
.rr-dashboard-section{background:#fff}.rr-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.rr-dashboard-head>div:first-child{max-width:760px}.rr-example-label{display:flex;align-items:center;gap:8px;border:1px solid #e8e3de;border-radius:999px;padding:9px 12px;color:#77706a;font-size:11px;white-space:nowrap}.rr-example-label i{width:7px;height:7px;border-radius:50%;background:#f4a06f}.rr-dashboard{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:14px}.rr-dashboard>*{border:1px solid #e8e4df;border-radius:21px;background:#fff;box-shadow:0 18px 45px rgba(41,29,22,.06)}.rr-chart-card--wide{grid-row:span 2;padding:23px}.rr-chart-title{display:flex;align-items:flex-start;justify-content:space-between}.rr-chart-title div{display:grid}.rr-chart-title small,.rr-metric-card small,.rr-donut-card small{font-size:11px;color:#817a74;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.rr-chart-title strong{font-size:17px;margin-top:4px}.rr-chart-title>span{font-size:9px;color:#a09892;background:#f6f4f2;border-radius:999px;padding:5px 8px}.rr-line-chart{width:100%;height:auto;margin-top:13px}.rr-grid-lines path{stroke:#eee9e5;stroke-width:1}.rr-main-path{stroke-dasharray:950;stroke-dashoffset:950}.rr-dashboard.is-visible .rr-main-path{animation:rrDraw 2.2s cubic-bezier(.3,.8,.2,1) forwards}.rr-area-path{opacity:0}.rr-dashboard.is-visible .rr-area-path{animation:rrFade .8s 1.1s forwards}.rr-chart-points circle{fill:#fff;stroke:#ff6127;stroke-width:3;opacity:0}.rr-dashboard.is-visible .rr-chart-points circle{animation:rrPop .35s forwards}.rr-dashboard.is-visible .rr-chart-points circle:nth-child(1){animation-delay:.2s}.rr-dashboard.is-visible .rr-chart-points circle:nth-child(2){animation-delay:.45s}.rr-dashboard.is-visible .rr-chart-points circle:nth-child(3){animation-delay:.7s}.rr-dashboard.is-visible .rr-chart-points circle:nth-child(4){animation-delay:.95s}.rr-dashboard.is-visible .rr-chart-points circle:nth-child(5){animation-delay:1.2s}.rr-dashboard.is-visible .rr-chart-points circle:nth-child(6){animation-delay:1.45s}.rr-dashboard.is-visible .rr-chart-points circle:nth-child(7){animation-delay:1.7s}.rr-chart-axis{display:flex;justify-content:space-between;color:#938b85;font-size:9px;padding:0 4px}.rr-metric-card{padding:20px;min-height:182px;position:relative;overflow:hidden}.rr-metric-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-42px;bottom:-45px;background:radial-gradient(circle,rgba(255,99,38,.13),transparent 70%)}.rr-metric-card strong{display:block;font-size:48px;letter-spacing:-.06em;line-height:1;margin-top:17px}.rr-metric-card>span{font-size:11px;color:#837c76}.rr-spark{display:flex;align-items:end;gap:3px;height:32px;margin-top:17px}.rr-spark i{flex:1;height:var(--h);background:#ff6b31;border-radius:3px 3px 0 0;transform:scaleY(.05);transform-origin:bottom}.rr-dashboard.is-visible .rr-spark i{animation:rrGrow .7s forwards}.rr-spark i:nth-child(2){animation-delay:.07s}.rr-spark i:nth-child(3){animation-delay:.14s}.rr-spark i:nth-child(4){animation-delay:.21s}.rr-spark i:nth-child(5){animation-delay:.28s}.rr-spark i:nth-child(6){animation-delay:.35s}.rr-spark i:nth-child(7){animation-delay:.42s}.rr-spark i:nth-child(8){animation-delay:.49s}.rr-metric-card--violet::after{background:radial-gradient(circle,rgba(139,99,230,.17),transparent 70%)}.rr-metric-card--green::after{background:radial-gradient(circle,rgba(112,201,91,.18),transparent 70%)}.rr-metric-icon{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:14px;background:#f2edff;color:#8562dd;display:grid;place-items:center}.rr-metric-card--green .rr-metric-icon{background:#effbeb;color:#59aa48}.rr-donut-card{grid-column:2/4;padding:20px}.rr-donut-card>div:first-child{display:grid}.rr-donut-card>div:first-child strong{font-size:17px;margin-top:4px}.rr-donut-wrap{display:flex;align-items:center;gap:25px;margin-top:17px}.rr-donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(#ff652a 0 46%,#8c68e8 46% 71%,#70c85d 71% 88%,#dcd8d3 88% 100%);position:relative;transform:rotate(-90deg)}.rr-donut::before{content:"";position:absolute;inset:20px;border-radius:50%;background:#fff}.rr-donut span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;transform:rotate(90deg);font-size:25px;font-weight:800}.rr-donut span small{font-size:8px;color:#837c76}.rr-donut-wrap ul{list-style:none;flex:1;display:grid;gap:8px}.rr-donut-wrap li{font-size:10px;color:#68625d;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px}.rr-donut-wrap li i{width:7px;height:7px;border-radius:50%;background:#ff652a}.rr-donut-wrap li:nth-child(2) i{background:#8c68e8}.rr-donut-wrap li:nth-child(3) i{background:#70c85d}.rr-donut-wrap li:nth-child(4) i{background:#dcd8d3}.rr-donut-wrap li b{color:#201d1b}.rr-disclaimer{font-size:11px;color:#8b847e;text-align:center;margin-top:16px}

/* pressure */
.rr-pressure{padding-top:10px!important}.rr-pressure-card{border:1px solid #eadfd7;border-radius:28px;background:linear-gradient(120deg,#fff9f4,#fff 45%,#faf7ff);padding:clamp(30px,5vw,65px);display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;position:relative;overflow:hidden}.rr-pressure-card::before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(255,96,36,.13),transparent 68%);left:-100px;bottom:-210px}.rr-pressure-copy{position:relative;z-index:1}.rr-pressure-copy h2{margin-bottom:18px}.rr-pressure-copy p{color:#6d665f;line-height:1.58;max-width:560px}.rr-pressure-copy a{display:inline-block;margin-top:19px;font-size:11px;color:#8a817a;text-decoration:underline}.rr-pressure-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative;z-index:1}.rr-pressure-stats article{background:#fff;border:1px solid #eadfd8;border-radius:20px;padding:24px;min-height:205px;position:relative;overflow:hidden}.rr-pressure-stats strong{display:block;font-size:58px;letter-spacing:-.07em;line-height:1;color:#111}.rr-pressure-stats span{display:block;color:#706963;font-size:12px;line-height:1.45;margin-top:10px;max-width:160px}.rr-pressure-stats i{position:absolute;width:130px;height:130px;border:18px solid #ff6a2c;border-radius:50%;right:-60px;bottom:-60px;opacity:.15}.rr-pressure-stats article:nth-child(2) i{border-color:#8b66e6}

/* how */
.rr-how{background:#fff}.rr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative}.rr-step-line{height:1px;background:#e4ded8;max-width:900px;margin:0 auto -1px;position:relative}.rr-step-line i{position:absolute;left:0;top:-1px;height:3px;width:0;background:linear-gradient(90deg,#ff6127,#9a70e9);border-radius:99px}.rr-how.is-visible .rr-step-line i{animation:rrLineGrow 1.8s forwards}.rr-steps article{text-align:center;position:relative;padding:40px 25px 0}.rr-step-num{position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:23px;height:23px;border-radius:50%;background:#ff6228;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;z-index:2}.rr-step-orb{width:110px;height:110px;margin:0 auto 24px;border-radius:50%;border:1px solid #ffd4bf;background:radial-gradient(circle at 42% 35%,#fff,#fff0e7);color:#f0571f;display:flex;align-items:center;justify-content:center;font-size:35px;box-shadow:0 0 0 9px #fff7f2,0 18px 35px rgba(92,54,32,.1);transition:transform .25s}.rr-steps article:hover .rr-step-orb{transform:translateY(-7px) rotate(2deg)}.rr-step-orb--wave{gap:4px}.rr-step-orb--wave i{width:4px;height:22px;border-radius:99px;background:#ff6228;animation:rrWave 1s ease-in-out infinite alternate}.rr-step-orb--wave i:nth-child(2){height:36px;animation-delay:-.4s}.rr-step-orb--wave i:nth-child(3){height:50px;animation-delay:-.7s}.rr-step-orb--wave i:nth-child(4){height:34px;animation-delay:-.2s}.rr-step-orb--wave i:nth-child(5){height:20px;animation-delay:-.5s}.rr-steps h3{font-size:20px;margin-bottom:9px}.rr-steps p{color:#766f69;font-size:14px;line-height:1.55;max-width:330px;margin:0 auto}

/* pilot */
.rr-pilot{padding-top:30px!important}.rr-pilot-card{border-radius:30px;background:#111;color:#fff;padding:clamp(34px,5vw,64px);display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;position:relative;overflow:hidden}.rr-pilot-card::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,94,34,.36),transparent 68%);left:-170px;top:-280px}.rr-pilot-card::after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(140,102,232,.28),transparent 70%);right:-180px;bottom:-260px}.rr-pilot-copy,.rr-pilot-visual{position:relative;z-index:1}.rr-pilot-copy .rr-kicker{color:#ff9870}.rr-pilot-copy h2{font-size:clamp(40px,4.8vw,68px);line-height:.96;letter-spacing:-.045em;margin-bottom:18px}.rr-pilot-copy>p{color:#c8c3bf;max-width:650px;line-height:1.58}.rr-pilot-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:29px}.rr-pilot-actions .rr-btn--dark{background:#fff;color:#111;box-shadow:none}.rr-pilot-actions>span{font-size:10px;color:#aaa4a0;max-width:230px}.rr-pilot-visual{display:grid;gap:10px}.rr-queue-label{display:flex;align-items:center;gap:9px;color:#c4bfbb;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.rr-queue-label i{width:7px;height:7px;border-radius:50%;background:#67d05b;box-shadow:0 0 0 5px rgba(103,208,91,.12)}.rr-queue-item{display:grid;grid-template-columns:38px 1fr 30px;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:13px;border-radius:16px;backdrop-filter:blur(8px);animation:rrQueue 4.5s ease-in-out infinite}.rr-queue-item:nth-child(3){animation-delay:-1.5s}.rr-queue-item:nth-child(4){animation-delay:-3s}.rr-queue-item>span{width:38px;height:38px;border-radius:12px;background:#ff652b;display:grid;place-items:center;font-weight:800}.rr-queue-item:nth-child(3)>span{background:#8c68e8}.rr-queue-item:nth-child(4)>span{background:#6fc85a}.rr-queue-item>div{display:grid}.rr-queue-item strong{font-size:13px}.rr-queue-item small{font-size:10px;color:#aaa4a0}.rr-queue-item>b{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#9de18e}

/* faq */
.rr-faq{background:#fff}.rr-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.rr-faq-grid>div:first-child{position:sticky;top:120px}.rr-faq-grid>div:first-child p{color:#716a64;margin-top:18px;line-height:1.58}.rr-faq .faq-wrap{max-width:none}.rr-faq .faq-q{font-size:19px;padding:23px 3px}.rr-faq .faq-a p{font-size:14px}

@keyframes rrPulse{50%{box-shadow:0 0 0 8px rgba(84,203,82,0)}}
@keyframes rrShine{0%,62%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
@keyframes rrWave{to{height:100%}}
@keyframes rrMarquee{to{transform:translateX(-50%)}}
@keyframes rrFloat{50%{transform:translateY(-5px)}}
@keyframes rrIncoming{50%{transform:translateY(-6px)}}
@keyframes rrRing{0%,100%{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}
@keyframes rrTravel{from{transform:translateY(-45px);opacity:0}40%{opacity:1}to{transform:translateY(45px);opacity:0}}
@keyframes rrDraw{to{stroke-dashoffset:0}}
@keyframes rrFade{to{opacity:1}}
@keyframes rrPop{to{opacity:1}}
@keyframes rrGrow{to{transform:scaleY(1)}}
@keyframes rrLineGrow{to{width:100%}}
@keyframes rrQueue{50%{transform:translateX(-5px);background:rgba(255,255,255,.12)}}

@media(max-width:1120px){.rr-shell{grid-template-columns:1fr;min-height:auto}.rr-hero-copy{max-width:820px}.rr-demo{max-width:760px;width:100%;margin:0 auto}.rr-problem-grid{grid-template-columns:1fr 1fr}.rr-workflow-grid{grid-template-columns:1fr}.rr-flow-visual{max-width:760px;width:100%;margin:0 auto}.rr-dashboard{grid-template-columns:1fr 1fr}.rr-chart-card--wide{grid-column:1/3;grid-row:auto}.rr-donut-card{grid-column:1/3}.rr-pressure-card,.rr-pilot-card{grid-template-columns:1fr}.rr-faq-grid{grid-template-columns:1fr;gap:30px}.rr-faq-grid>div:first-child{position:static}}
@media(max-width:760px){.rr-wrap,.rr-shell{width:min(100% - 36px,1380px)}.restaurant-page section{padding:70px 0}.rr-shell{padding-top:52px}.rr-hero-copy h1{font-size:clamp(50px,15vw,72px)}.rr-hero-actions{display:grid}.rr-btn{width:100%}.rr-call-stage{min-height:500px}.rr-problem-grid{grid-template-columns:1fr}.rr-problem-card{min-height:290px}.rr-flow-visual{min-height:560px;padding:18px}.rr-flow-header{align-items:flex-start;gap:12px;flex-direction:column}.rr-flow-outcomes{gap:7px}.rr-flow-outcomes>div{padding:12px;min-height:112px}.rr-dashboard{grid-template-columns:1fr}.rr-chart-card--wide,.rr-donut-card{grid-column:auto}.rr-dashboard-head{align-items:flex-start;flex-direction:column}.rr-pressure-stats{grid-template-columns:1fr}.rr-pressure-stats article{min-height:170px}.rr-steps{grid-template-columns:1fr}.rr-step-line{display:none}.rr-steps article{padding-top:25px}.rr-step-num{top:-5px}.rr-pilot-card{padding:34px 22px}.rr-pilot-actions{display:grid}.rr-pilot-actions>span{max-width:none}.rr-donut-wrap{flex-direction:column;align-items:flex-start}.rr-capability-strip{mask-image:none}.rr-section-head{text-align:left}.rr-section-head p{margin-left:0}.rr-section-head h2,.rr-dashboard-head h2,.rr-workflow-copy h2,.rr-pressure-copy h2,.rr-faq-grid>div:first-child h2{font-size:clamp(38px,12vw,56px)}}
@media(max-width:480px){.rr-demo{padding:12px;border-radius:21px}.rr-tabs button{font-size:10px}.rr-call-stage{padding:13px}.rr-message{font-size:12px;max-width:92%}.rr-flow-outcomes{grid-template-columns:1fr}.rr-flow-visual{min-height:760px}.rr-pressure-card{padding:29px 20px}.rr-chart-card--wide,.rr-metric-card,.rr-donut-card{padding:16px}.rr-donut-card{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.restaurant-page *{animation:none!important;scroll-behavior:auto!important}.rr-main-path{stroke-dashoffset:0}.rr-area-path,.rr-chart-points circle{opacity:1}.rr-spark i{transform:none}}

/* Restaurant hero refinement + live phone agent carousel */
.rr-shell{grid-template-columns:.84fr 1.16fr;gap:clamp(40px,5vw,78px);min-height:calc(100vh - 74px);padding:clamp(58px,6vw,88px) 0 62px}
.rr-hero-copy{max-width:590px}
.rr-pill{padding:7px 11px;font-size:10px;letter-spacing:.075em;box-shadow:none}
.rr-hero-copy h1{font-size:clamp(43px,4.5vw,64px);line-height:.98;letter-spacing:-.052em;margin:20px 0 20px;max-width:590px}
.rr-hero-copy h1 span{display:block;color:var(--rr-orange);font-size:.88em;line-height:1.03;margin-top:5px}
.rr-hero-copy>p{max-width:555px;font-size:clamp(15px,1.25vw,17px);line-height:1.62;color:#5c5752}
.rr-hero-actions{gap:10px;margin-top:27px}
.rr-btn{height:46px;padding:0 16px 0 10px;border-radius:10px;gap:9px;font-size:13px;box-shadow:none}
.rr-btn-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:11px;flex:none}
.rr-btn--light .rr-btn-icon{background:#f4f1ee;color:#ef571f}
.rr-btn--dark{box-shadow:0 10px 22px rgba(0,0,0,.12)}
.rr-launch{margin-top:21px;font-size:12px;line-height:1.45}
.rr-launch i{width:7px;height:7px;box-shadow:0 0 0 4px rgba(255,93,34,.11)}

.rr-live-demo{position:relative;min-height:590px;display:flex;flex-direction:column;justify-content:center;padding:18px 0 4px;isolation:isolate}
.rr-live-demo::before{content:"";position:absolute;width:500px;height:500px;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,118,57,.10),rgba(151,106,235,.055) 40%,transparent 70%);filter:blur(3px);z-index:-1}
.rr-live-demo-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 62px 13px;color:#716b65;font-size:11px}
.rr-live-demo-head>div{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#4d4843}
.rr-live-demo-head i{width:7px;height:7px;border-radius:50%;background:#65cb58;box-shadow:0 0 0 5px rgba(101,203,88,.12);animation:rrPulse 1.8s infinite}
.rr-live-demo-head small{font-size:10px;color:#948d87}
.rr-agent-carousel{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:4px}
.rr-agent-stage{height:470px;position:relative;perspective:1200px;overflow:hidden}
.rr-agent-card{position:absolute;left:50%;top:50%;width:61%;height:420px;padding:36px 26px 28px;border:1px solid #cfcac3;border-radius:19px;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(255,253,249,.96));box-shadow:0 24px 50px rgba(49,38,29,.11);text-align:center;display:flex;align-items:center;flex-direction:column;transition:transform .65s cubic-bezier(.2,.82,.2,1),opacity .45s,filter .45s,box-shadow .45s;cursor:pointer;overflow:hidden}
.rr-agent-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.65) 45%,transparent 66%);transform:translateX(-125%);animation:rrAgentShine 7.5s ease-in-out infinite;pointer-events:none}
.rr-agent-card.is-active{z-index:4;opacity:1;filter:none;transform:translate(-50%,-50%) scale(1);box-shadow:0 32px 78px rgba(49,38,29,.17)}
.rr-agent-card.is-prev{z-index:2;opacity:.52;filter:saturate(.82);transform:translate(-101%,-50%) scale(.82) rotateY(7deg)}
.rr-agent-card.is-next{z-index:2;opacity:.52;filter:saturate(.82);transform:translate(1%,-50%) scale(.82) rotateY(-7deg)}
.rr-agent-card>small{margin-top:22px;color:#817b75;font-size:10px;font-weight:800;letter-spacing:.13em}
.rr-agent-card h3{font-size:clamp(25px,2.45vw,36px);letter-spacing:-.045em;margin-top:7px;line-height:1}
.rr-agent-card p{font-size:11px;color:#7c756f;line-height:1.45;max-width:220px;margin-top:10px}
.rr-agent-orb{position:relative;width:188px;height:188px;border-radius:50%;display:grid;place-items:center;border:9px solid rgba(255,255,255,.68);box-shadow:0 0 0 2px rgba(255,142,83,.35),0 0 45px rgba(255,105,43,.24),inset 0 0 28px rgba(255,255,255,.72);overflow:hidden;flex:none}
.rr-agent-orb::before{content:"";position:absolute;inset:11px;border-radius:50%;background:conic-gradient(from 40deg,rgba(255,255,255,.95),transparent 12%,rgba(255,255,255,.72) 24%,transparent 40%,rgba(255,255,255,.85) 59%,transparent 74%,rgba(255,255,255,.9));mix-blend-mode:screen;animation:rrOrbSpin 8s linear infinite}
.rr-agent-orb::after{content:"";position:absolute;inset:42% -20%;height:20%;border-radius:50%;background:rgba(255,255,255,.86);filter:blur(9px);transform:rotate(-2deg)}
.rr-agent-orb>span{position:absolute;inset:17px;border-radius:50%;border:2px solid rgba(255,255,255,.72);box-shadow:inset 0 0 24px rgba(255,255,255,.85)}
.rr-agent-orb--orange{background:radial-gradient(circle at 52% 48%,#ff931f 0 38%,#ffc45c 60%,#ff7a19 100%);box-shadow:0 0 0 2px rgba(255,153,69,.42),0 0 48px rgba(255,124,30,.29),inset 0 0 28px rgba(255,255,255,.72)}
.rr-agent-orb--pink{background:radial-gradient(circle at 52% 48%,#ff4967 0 38%,#ff8b93 61%,#ff3e70 100%);box-shadow:0 0 0 2px rgba(255,100,126,.34),0 0 45px rgba(255,64,101,.24),inset 0 0 28px rgba(255,255,255,.72)}
.rr-agent-orb--green{background:radial-gradient(circle at 52% 48%,#85e53f 0 38%,#c4f36f 61%,#5ed735 100%);box-shadow:0 0 0 2px rgba(117,207,77,.34),0 0 45px rgba(105,207,55,.24),inset 0 0 28px rgba(255,255,255,.72)}
.rr-agent-orb button{position:relative;z-index:3;width:62px;height:62px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:23px;box-shadow:0 10px 28px rgba(55,38,27,.18);transition:transform .2s,box-shadow .2s}
.rr-agent-orb button:hover{transform:scale(1.07);box-shadow:0 14px 34px rgba(55,38,27,.24)}
.rr-agent-card:not(.is-active) .rr-agent-orb button{pointer-events:none}
.rr-carousel-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:36px;font-weight:300;color:#6f6a65;background:rgba(255,255,255,.72);border:1px solid #e5dfd9;box-shadow:0 8px 20px rgba(52,39,29,.07);position:relative;z-index:6;transition:.2s}
.rr-carousel-arrow:hover{color:#111;background:#fff;border-color:#cfc7bf;transform:scale(1.05)}
.rr-click-to-call{align-self:center;display:grid;grid-template-columns:33px auto;column-gap:10px;align-items:center;text-align:left;margin-top:0;padding:10px 15px;border-radius:13px;color:#706a65;background:#fff;border:1px solid #e5dfda;box-shadow:0 10px 26px rgba(49,38,29,.07);transition:.2s}
.rr-click-to-call:hover{color:#111;border-color:#cfc6bf;transform:translateY(-2px)}
.rr-click-to-call>span{grid-row:1/3;width:33px;height:33px;border-radius:10px;background:#fff0e7;color:#f05a21;display:grid;place-items:center;font-size:14px}
.rr-click-to-call b{font-size:13px;line-height:1.1}.rr-click-to-call small{font-size:9px;color:#99918b;margin-top:2px}
.rr-call-note{height:18px;margin-top:8px;text-align:center;color:#d9531e;font-size:10px;opacity:0;transform:translateY(-3px);transition:.2s}
.rr-call-note.is-visible{opacity:1;transform:none}
.rr-carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:5px}
.rr-carousel-dots button{width:7px;height:7px;border-radius:50%;background:#ddd7d1;transition:.25s}
.rr-carousel-dots button.is-active{width:20px;border-radius:99px;background:#ff6a2b}
.rr-live-demo.is-highlighted .rr-agent-card.is-active{animation:rrCardFocus .75s ease}

@keyframes rrOrbSpin{to{transform:rotate(360deg)}}
@keyframes rrAgentShine{0%,58%{transform:translateX(-125%)}78%,100%{transform:translateX(125%)}}
@keyframes rrCardFocus{50%{transform:translate(-50%,-50%) scale(1.025)}}

@media(max-width:1120px){
  .rr-shell{grid-template-columns:1fr;min-height:auto;gap:26px}
  .rr-hero-copy{max-width:650px}
  .rr-live-demo{max-width:820px;width:100%;margin:0 auto;min-height:570px}
}
@media(max-width:760px){
  .rr-shell{padding-top:48px;gap:34px}
  .rr-hero-copy h1{font-size:clamp(39px,11vw,52px);line-height:1}
  .rr-hero-copy h1 span{font-size:.86em}
  .rr-hero-copy>p{font-size:15px}
  .rr-hero-actions{display:flex;flex-direction:column;align-items:flex-start}
  .rr-btn{width:auto;min-width:190px;height:45px}
  .rr-live-demo{min-height:510px;padding-top:0}
  .rr-live-demo-head{padding:0 48px 10px;align-items:flex-start;flex-direction:column;gap:5px}
  .rr-agent-carousel{grid-template-columns:38px minmax(0,1fr) 38px}
  .rr-agent-stage{height:405px}
  .rr-agent-card{width:76%;height:360px;padding:28px 18px 22px}
  .rr-agent-card.is-prev{transform:translate(-106%,-50%) scale(.78) rotateY(7deg)}
  .rr-agent-card.is-next{transform:translate(6%,-50%) scale(.78) rotateY(-7deg)}
  .rr-agent-orb{width:148px;height:148px;border-width:7px}
  .rr-agent-orb button{width:52px;height:52px;font-size:19px}
  .rr-agent-card>small{margin-top:17px}.rr-agent-card h3{font-size:26px}
  .rr-carousel-arrow{width:35px;height:35px;font-size:30px}
}
@media(max-width:480px){
  .rr-pill{font-size:9px}
  .rr-hero-copy h1{font-size:38px}
  .rr-launch{align-items:flex-start}
  .rr-live-demo{min-height:480px}
  .rr-live-demo-head{padding:0 38px 8px}.rr-live-demo-head small{display:none}
  .rr-agent-stage{height:375px}
  .rr-agent-card{width:84%;height:337px;padding:25px 14px 18px}
  .rr-agent-card.is-prev{transform:translate(-113%,-50%) scale(.75)}
  .rr-agent-card.is-next{transform:translate(13%,-50%) scale(.75)}
  .rr-agent-orb{width:134px;height:134px}
  .rr-agent-card p{display:none}
  .rr-agent-card h3{font-size:24px}
  .rr-click-to-call{margin-top:-2px}
}
@media(prefers-reduced-motion:reduce){.rr-agent-orb::before,.rr-agent-card::after{animation:none!important}}


/* Final restaurant hero alignment — compact copy centered with live demo */
@media (min-width:1121px){
  .rr-shell{
    grid-template-columns:minmax(390px,.72fr) minmax(720px,1.28fr);
    gap:clamp(42px,4.5vw,74px);
    align-items:center;
  }
  .rr-hero-copy{
    align-self:center;
    justify-self:start;
    width:100%;
    max-width:500px;
    transform:translateY(10px);
  }
  .rr-hero-copy h1{
    max-width:500px;
    font-size:clamp(38px,3.25vw,52px);
    line-height:1.01;
    letter-spacing:-.048em;
    margin:18px 0 18px;
  }
  .rr-hero-copy h1 span{
    max-width:490px;
    font-size:.89em;
    line-height:1.06;
    margin-top:6px;
  }
  .rr-hero-copy>p{
    max-width:500px;
    font-size:15.5px;
    line-height:1.62;
  }
  .rr-hero-actions{margin-top:25px}
  .rr-launch{margin-top:20px}
  .rr-live-demo{
    align-self:center;
    width:100%;
  }
}

@media (min-width:1121px) and (max-width:1320px){
  .rr-shell{
    grid-template-columns:minmax(360px,.78fr) minmax(640px,1.22fr);
    gap:38px;
  }
  .rr-hero-copy h1{font-size:clamp(37px,3.6vw,48px)}
  .rr-hero-copy>p{font-size:15px}
}

/* =========================================================
   RESTAURANT HEADER CTA — COMPACT DESKTOP OVERRIDE
   Keeps both actions fully inside the viewport on laptops.
   ========================================================= */
@media (min-width:1041px){
  .restaurant-page .nav{
    gap:2px;
    padding-left:clamp(18px,2.5vw,34px);
    padding-right:clamp(18px,2.5vw,34px);
  }

  .restaurant-page .nav-actions{
    gap:9px;
    flex:0 0 auto;
  }

  .restaurant-page .nav-actions .btn,
  .restaurant-page .nav-actions .btn.btn--sm{
    height:40px !important;
    min-height:40px !important;
    padding:0 15px !important;
    border-radius:9px !important;
    font-size:13px !important;
    line-height:1 !important;
    gap:6px !important;
  }

  .restaurant-page .nav-actions .btn--line{
    min-width:118px;
  }

  .restaurant-page .nav-actions .btn--accent{
    min-width:164px;
  }

  .restaurant-page .nav-actions .cta-arrow{
    margin-left:3px !important;
    font-size:15px !important;
  }
}

/* Extra compression for common 13–15 inch laptop widths. */
@media (min-width:1041px) and (max-width:1320px){
  .restaurant-page .nav-menu{
    gap:clamp(2px,.35vw,6px) !important;
  }

  .restaurant-page .nav-menu .nav-link{
    padding-left:7px !important;
    padding-right:7px !important;
    font-size:13px !important;
  }

  .restaurant-page .nav-actions .btn,
  .restaurant-page .nav-actions .btn.btn--sm{
    height:38px !important;
    min-height:38px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }

  .restaurant-page .nav-actions .btn--line{min-width:106px}
  .restaurant-page .nav-actions .btn--accent{min-width:148px}
}


/* Hero refinement */
@media (min-width: 1100px){
.restaurant-hero .hero-copy,
.hero-copy{
  transform: translateY(-55px);
}
.restaurant-hero .hero-kicker,
.hero-kicker{
  font-size:12px!important;
}
.restaurant-hero h1,
.hero-copy h1{
  font-size:64px!important;
  line-height:0.95!important;
}
.restaurant-hero h1 .accent,
.hero-copy h1 .accent{
  font-size:58px!important;
}
.restaurant-hero .hero-description,
.hero-copy p{
  font-size:16px!important;
  max-width:480px!important;
  line-height:1.7!important;
}
}

/* Single live restaurant demo card */
.rr-live-demo-head--single{
  max-width:620px;
  width:100%;
  margin:0 auto;
  padding:0 0 14px;
}
.rr-agent-single{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:470px;
}
.rr-agent-card--single{
  position:relative;
  left:auto;
  top:auto;
  width:min(520px,78%);
  height:450px;
  transform:none!important;
  opacity:1!important;
  filter:none!important;
  cursor:default;
  padding:42px 34px 34px;
}
.rr-agent-card--single:hover{
  box-shadow:0 36px 82px rgba(49,38,29,.18);
}
.rr-agent-card--single>small{
  margin-top:28px;
  font-size:12px;
  letter-spacing:.14em;
  color:#77716b;
}
.rr-agent-card--single h3{
  margin-top:8px;
  font-size:clamp(30px,3vw,42px);
  letter-spacing:-.035em;
}
.rr-agent-card--single p{
  max-width:300px;
  margin-top:13px;
  font-size:12px;
}
.rr-agent-card--single .rr-agent-orb{
  width:220px;
  height:220px;
}
.rr-agent-card--single .rr-agent-orb button{
  width:68px;
  height:68px;
  font-size:25px;
}
.rr-agent-card--single .rr-agent-orb button::after{
  content:"";
  position:absolute;
  inset:-12px;
  border:1px solid rgba(255,106,43,.18);
  border-radius:50%;
  animation:rrSinglePulse 2.4s ease-out infinite;
}
@keyframes rrSinglePulse{
  0%{transform:scale(.82);opacity:0}
  35%{opacity:.8}
  100%{transform:scale(1.35);opacity:0}
}
@media(max-width:760px){
  .rr-live-demo-head--single{padding:0 24px 10px;align-items:flex-start}
  .rr-agent-single{min-height:405px}
  .rr-agent-card--single{width:min(430px,88%);height:375px;padding:30px 20px 24px}
  .rr-agent-card--single .rr-agent-orb{width:160px;height:160px}
  .rr-agent-card--single .rr-agent-orb button{width:54px;height:54px;font-size:20px}
  .rr-agent-card--single>small{margin-top:20px;font-size:10px}
  .rr-agent-card--single h3{font-size:30px}
  .rr-agent-card--single p{font-size:11px}
}
@media(max-width:480px){
  .rr-agent-single{min-height:355px}
  .rr-agent-card--single{height:330px;width:92%;padding:24px 14px 18px}
  .rr-agent-card--single .rr-agent-orb{width:138px;height:138px}
  .rr-agent-card--single h3{font-size:26px}
  .rr-agent-card--single p{display:block;max-width:245px}
}
@media(prefers-reduced-motion:reduce){
  .rr-agent-card--single .rr-agent-orb button::after{animation:none!important}
}

/* Final compact single-card hero — balanced desktop proportions */
@media (min-width:1121px){
  .rr-live-demo{
    min-height:540px;
    padding-top:10px;
  }
  .rr-live-demo-head--single{
    max-width:560px;
    padding-bottom:12px;
  }
  .rr-agent-single{
    min-height:430px;
  }
  .rr-agent-card--single{
    width:430px;
    height:500px;
    max-width:100%;
    padding:34px 30px 28px;
    border-radius:18px;
  }
  .rr-agent-card--single .rr-agent-orb{
    width:184px;
    height:184px;
    border-width:8px;
  }
  .rr-agent-card--single .rr-agent-orb button{
    width:58px;
    height:58px;
    font-size:21px;
  }
  .rr-agent-card--single>small{
    margin-top:24px;
    font-size:10px;
    letter-spacing:.16em;
  }
  .rr-agent-card--single h3{
    margin-top:8px;
    font-size:34px;
    line-height:1;
  }
  .rr-agent-card--single p{
    max-width:260px;
    margin-top:14px;
    font-size:11px;
    line-height:1.5;
  }
  .rr-click-to-call{
    margin-top:14px;
    padding:9px 14px;
  }
  .rr-live-demo::before{
    width:430px;
    height:430px;
  }
}

/* Keep the single card proportional on medium screens */
@media (min-width:761px) and (max-width:1120px){
  .rr-agent-single{min-height:450px}
  .rr-agent-card--single{
    width:420px;
    height:480px;
    padding:32px 28px 26px;
  }
  .rr-agent-card--single .rr-agent-orb{width:176px;height:176px}
  .rr-agent-card--single h3{font-size:32px}
}

/* =========================================================
   FINAL HERO COPY BALANCE — COMPACT + ALIGNED WITH DEMO
   ========================================================= */
@media (min-width:1121px){
  .restaurant-page .rr-hero-copy{
    align-self:center;
    justify-self:start;
    width:100%;
    max-width:470px;
    transform:translateY(-118px);
  }

  .restaurant-page .rr-pill{
    padding:6px 10px;
    font-size:9.5px;
    letter-spacing:.075em;
  }

  .restaurant-page .rr-hero-copy h1{
    max-width:455px;
    margin:16px 0 16px;
    font-size:clamp(34px,2.75vw,44px);
    line-height:1.02;
    letter-spacing:-.045em;
  }

  .restaurant-page .rr-hero-copy h1 span{
    max-width:445px;
    margin-top:6px;
    font-size:.88em;
    line-height:1.08;
  }

  .restaurant-page .rr-hero-copy>p{
    max-width:455px;
    font-size:14px;
    line-height:1.58;
  }

  .restaurant-page .rr-hero-actions{
    gap:9px;
    margin-top:22px;
  }

  .restaurant-page .rr-hero-actions .rr-btn{
    height:48px;
    padding:0 17px;
    gap:9px;
    border-radius:10px;
    font-size:13px;
  }

  .restaurant-page .rr-hero-actions .rr-btn-icon{
    font-size:13px;
  }

  .restaurant-page .rr-launch{
    margin-top:17px;
    gap:8px;
    font-size:12px;
  }
}

@media (min-width:1121px) and (max-width:1320px){
  .restaurant-page .rr-hero-copy{
    max-width:430px;
    transform:translateY(-102px);
  }

  .restaurant-page .rr-hero-copy h1{
    max-width:420px;
    font-size:clamp(32px,3vw,40px);
  }

  .restaurant-page .rr-hero-copy>p{
    max-width:420px;
    font-size:13.5px;
  }
}

/* Conversion-focused restaurant hero */
.restaurant-page .rr-hero{
  min-height:auto;
}

.restaurant-page .rr-shell{
  align-items:center;
}

.restaurant-page .rr-hero-copy h1 span{
  display:inline;
  color:#c8563d;
  font:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  margin:0;
}

.rr-launch--featured{
  width:fit-content;
  max-width:100%;
  margin:22px 0 0;
  padding:10px 13px;
  border:1px solid rgba(200,86,61,.17);
  border-radius:11px;
  background:rgba(200,86,61,.055);
  color:#4f4843;
  font-weight:650;
}

.rr-reassurance{
  display:flex;
  flex-wrap:wrap;
  gap:9px 15px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
  color:#6e6761;
  font-size:11px;
  font-weight:650;
}

.rr-reassurance li{
  display:flex;
  align-items:center;
  gap:5px;
}

.rr-reassurance li span{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:50%;
  background:#edf5ea;
  color:#4c9342;
  font-size:9px;
  font-weight:900;
}

.rr-live-demo-head--single{
  max-width:520px;
  padding:0 2px 12px;
}

.rr-live-demo-head--single small{
  padding:5px 8px;
  border:1px solid #e9e2dc;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  color:#827a74;
}

.rr-agent-single{
  min-height:0;
}

.rr-agent-card--single{
  width:min(520px,92%);
  height:auto;
  min-height:438px;
  padding:29px 30px 25px;
  justify-content:flex-start;
  border-color:#ded8d1;
  border-radius:22px;
  background:linear-gradient(155deg,#fff 0%,#fffdfa 66%,#fff8f3 100%);
  box-shadow:0 24px 58px rgba(49,38,29,.13);
}

.rr-agent-card--single::after{
  opacity:.48;
}

.rr-demo-heading{
  position:relative;
  z-index:2;
  width:100%;
  max-width:390px;
  margin:0 auto;
}

.rr-agent-card--single .rr-demo-heading>small{
  display:block;
  margin:0;
  color:#b34d36;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

.rr-agent-card--single .rr-demo-heading h3{
  max-width:360px;
  margin:8px auto 0;
  color:#181716;
  font-size:clamp(24px,2.05vw,31px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.rr-agent-card--single .rr-demo-heading p{
  max-width:340px;
  margin:9px auto 0;
  color:#746d67;
  font-size:11px;
  line-height:1.5;
}

.rr-agent-card--single .rr-agent-orb{
  width:150px;
  height:150px;
  margin-top:19px;
  border-width:7px;
}

.rr-agent-card--single .rr-agent-orb button{
  width:104px;
  height:62px;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:18px;
  color:#171615;
  text-align:left;
}

.rr-agent-card--single .rr-agent-orb button b{
  color:#c8563d;
  font-size:18px;
  line-height:1;
}

.rr-agent-card--single .rr-agent-orb button em{
  color:#201f1e;
  font-size:10px;
  font-style:normal;
  font-weight:850;
  line-height:1.15;
  letter-spacing:.01em;
}

.rr-agent-card--single .rr-agent-orb button::after{
  inset:-9px;
  border-color:rgba(200,86,61,.22);
}

.rr-test-prompts{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  margin-top:20px;
}

.rr-test-prompts span{
  padding:7px 9px;
  border:1px solid #e7e1da;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#6f6761;
  font-size:9px;
  font-weight:700;
  white-space:nowrap;
}

.rr-call-note{
  margin-top:8px;
}

@media (min-width:1121px){
  .restaurant-page .rr-shell{
    grid-template-columns:minmax(430px,.95fr) minmax(540px,1.05fr);
    gap:clamp(44px,5vw,78px);
    min-height:calc(100svh - 74px);
    padding:clamp(52px,5vw,72px) 0 54px;
  }

  .restaurant-page .rr-hero-copy{
    max-width:560px;
    transform:none;
  }

  .restaurant-page .rr-hero-copy h1{
    max-width:560px;
    margin:18px 0 18px;
    font-size:clamp(44px,3.85vw,58px);
    line-height:1.01;
    letter-spacing:-.052em;
  }

  .restaurant-page .rr-hero-copy>p{
    max-width:530px;
    font-size:15px;
    line-height:1.62;
  }

  .restaurant-page .rr-hero-actions{
    margin-top:20px;
  }

  .restaurant-page .rr-hero-actions .rr-btn{
    height:48px;
  }

  .rr-live-demo{
    min-height:500px;
    padding:0;
  }

  .rr-agent-card--single{
    width:min(520px,100%);
    height:auto;
    min-height:438px;
    padding:29px 30px 25px;
  }

  .rr-agent-card--single .rr-agent-orb{
    width:150px;
    height:150px;
  }

  .rr-live-demo::before{
    width:390px;
    height:390px;
  }
}

@media (min-width:1121px) and (max-width:1320px){
  .restaurant-page .rr-shell{
    grid-template-columns:minmax(400px,.94fr) minmax(500px,1.06fr);
    gap:40px;
  }

  .restaurant-page .rr-hero-copy{
    max-width:500px;
    transform:none;
  }

  .restaurant-page .rr-hero-copy h1{
    max-width:500px;
    font-size:clamp(42px,3.7vw,50px);
  }

  .restaurant-page .rr-hero-copy>p{
    max-width:480px;
    font-size:14px;
  }
}

@media (min-width:761px) and (max-width:1120px){
  .restaurant-page .rr-shell{
    padding-bottom:56px;
  }

  .restaurant-page .rr-hero-copy{
    max-width:650px;
  }

  .rr-live-demo{
    min-height:500px;
  }

  .rr-agent-card--single{
    width:min(520px,88%);
    height:auto;
    min-height:430px;
    padding:28px 28px 24px;
  }

  .rr-agent-card--single .rr-agent-orb{
    width:148px;
    height:148px;
  }
}

@media (max-width:760px){
  .restaurant-page .rr-shell{
    gap:42px;
    padding-top:42px;
    padding-bottom:48px;
  }

  .restaurant-page .rr-hero-copy h1{
    font-size:clamp(39px,11vw,52px);
  }

  .rr-launch--featured{
    margin-top:18px;
  }

  .rr-reassurance{
    gap:8px 13px;
  }

  .rr-live-demo{
    min-height:0;
    padding:0;
  }

  .rr-live-demo-head--single{
    width:min(470px,92%);
    padding:0 0 10px;
  }

  .rr-agent-single{
    min-height:0;
  }

  .rr-agent-card--single{
    width:min(470px,94%);
    height:auto;
    min-height:418px;
    padding:26px 18px 22px;
  }

  .rr-agent-card--single .rr-agent-orb{
    width:142px;
    height:142px;
  }

  .rr-agent-card--single .rr-demo-heading h3{
    font-size:25px;
  }

  .rr-agent-card--single .rr-demo-heading p{
    display:block;
    max-width:310px;
  }
}

@media (max-width:480px){
  .restaurant-page .rr-hero-actions .rr-btn{
    width:100%;
  }

  .rr-live-demo-head--single small{
    display:block;
  }

  .rr-agent-card--single{
    width:100%;
    min-height:424px;
    padding:25px 14px 20px;
  }

  .rr-agent-card--single .rr-agent-orb{
    width:136px;
    height:136px;
  }

  .rr-test-prompts{
    gap:5px;
    margin-top:17px;
  }

  .rr-test-prompts span{
    padding:6px 8px;
    font-size:8px;
  }
}

/* Warm single-card demo direction */
.restaurant-page .rr-hero{
  background:linear-gradient(180deg,#fff 0%,#fdfcf8 72%,#f8f5ee 100%);
}

.rr-live-demo-head--single{
  width:min(304px,100%);
  max-width:none;
  padding:0 4px 10px;
}

.rr-agent-card--single{
  width:min(304px,100%);
  min-height:0;
  height:370px;
  padding:42px 24px 28px;
  justify-content:flex-start;
  gap:0;
  border:1px solid rgba(21,21,21,.4);
  border-radius:8px;
  background:#f6f6f1;
  box-shadow:0 17px 36px rgba(31,34,37,.11),inset 0 1px 0 rgba(255,255,255,.65);
  transform:none;
}

.rr-agent-card--single::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.9),transparent 42%);
  pointer-events:none;
}

.rr-agent-card--single::after{display:none}

.rr-agent-card--single .rr-agent-orb{
  width:170px;
  height:170px;
  margin:0 auto;
  border:0;
  background:color-mix(in srgb,#7fb6df 50%,#fff);
  box-shadow:0 13px 28px rgba(54,111,148,.14);
  isolation:isolate;
}

.rr-agent-card--single .rr-agent-orb::before{
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 27%,rgba(255,255,255,.08) 60%,transparent 76%);
  animation:none;
  z-index:4;
  pointer-events:none;
}

.rr-agent-card--single .rr-agent-orb::after{
  display:none;
}

.rr-agent-orb--ocean .rr-orb-media{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  background-image:url("../assets/planets/restaurant-wave-animated.webp");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:brightness(.96) saturate(1.16);
  pointer-events:none;
}

.rr-agent-card--single .rr-agent-orb button{
  z-index:8;
  width:60px;
  height:60px;
  padding:0;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  box-shadow:0 8px 24px rgba(37,58,73,.18);
}

.rr-agent-card--single .rr-agent-orb button b{
  color:#17191b;
  font-size:19px;
  transform:translateX(2px);
}

.rr-agent-card--single .rr-agent-orb button::after{display:none}

.rr-card-label{
  position:relative;
  z-index:8;
  margin-top:22px;
  text-align:center;
}

.rr-card-label span{
  color:#767774;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}

.rr-card-label h3{
  margin:6px 0 0;
  color:#171817;
  font-size:24px;
  line-height:1;
  letter-spacing:-.035em;
}

@media (min-width:1121px){
  .restaurant-page .rr-shell{
    grid-template-columns:minmax(430px,.95fr) minmax(430px,.86fr);
    gap:clamp(52px,7vw,104px);
  }
  .restaurant-page .rr-hero-copy{max-width:525px}
  .restaurant-page .rr-hero-copy h1{font-size:clamp(42px,3.55vw,53px);max-width:525px}
  .rr-live-demo{min-height:470px;align-items:center}
}

@media (max-width:760px){
  .rr-live-demo-head--single{width:min(304px,94%)}
  .rr-agent-card--single{width:min(304px,100%);height:370px;padding:42px 24px 28px}
  .rr-agent-card--single .rr-agent-orb{width:170px;height:170px}
  .rr-card-label{margin-top:20px}
  .rr-card-label h3{font-size:25px}
}

@media (max-width:480px){
  .rr-agent-card--single{width:min(288px,100%);height:350px;padding:36px 18px 24px}
  .rr-agent-card--single .rr-agent-orb{width:158px;height:158px}
  .rr-agent-card--single .rr-agent-orb button{width:54px;height:54px}
  .rr-card-label h3{font-size:23px}
}

@media(prefers-reduced-motion:reduce){
  .rr-agent-orb--ocean .rr-orb-media{background-image:url("../assets/planets/restaurant-wave-still.webp")}
  .rr-agent-card--single .rr-agent-orb::before{animation:none!important}
}

/* WebGL liquid orb layer */
.rr-agent-orb--ocean .trovi-orb-canvas{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  pointer-events:none;
}
.rr-agent-orb--ocean[data-webgl-orb-mounted="true"] .rr-orb-media{
  opacity:0;
}

/* High-definition orb and card finish */
.rr-agent-card--single{
  border:1px solid #aaa7a1;
  border-radius:15px;
  background:#fbfbf8;
  box-shadow:0 22px 44px rgba(35,31,27,.105);
}
.rr-agent-card--single:hover{
  box-shadow:0 24px 48px rgba(35,31,27,.115);
}
.rr-agent-card--single .rr-agent-orb{
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.rr-agent-card--single .rr-agent-orb::before,
.rr-agent-card--single .rr-agent-orb::after{
  display:none!important;
}
.rr-agent-orb--ocean .trovi-orb-canvas{
  inset:0;
  width:100%;
  height:100%;
  border-radius:50%;
  image-rendering:auto;
  transform:translateZ(0);
  backface-visibility:hidden;
  filter:none!important;
}
.rr-agent-card--single .rr-agent-orb button{
  background:#fff;
  box-shadow:0 7px 18px rgba(23,31,38,.16);
}
.rr-agent-card--single .rr-agent-orb button:hover{
  transform:scale(1.035);
  box-shadow:0 9px 22px rgba(23,31,38,.19);
}

/* Texture-driven Trovi orb: crisp, restrained and without CSS blur overlays. */
.rr-agent-card--single .rr-agent-orb--ocean{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.rr-agent-card--single .rr-agent-orb--ocean::before,
.rr-agent-card--single .rr-agent-orb--ocean::after{
  display:none!important;
}
.rr-agent-orb--ocean .trovi-orb-canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  border-radius:50%!important;
  z-index:1!important;
  filter:none!important;
  transform:none!important;
  image-rendering:auto;
}
.rr-agent-orb--ocean .rr-orb-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  background-image:url("../assets/planets/restaurant-wave-master.webp")!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
  transform:none!important;
  transition:opacity .18s linear!important;
}
.rr-agent-card--single .rr-agent-orb button{
  z-index:4!important;
  box-shadow:0 8px 20px rgba(19,30,43,.14)!important;
}

/* -------------------------------------------------------------------------
   Trovi signature liquid orb — final production integration
   ------------------------------------------------------------------------- */
.rr-agent-card--single .rr-agent-orb--ocean{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:transparent!important;
  border:0!important;
  box-shadow:0 12px 30px rgba(48,134,193,.12)!important;
}

.rr-agent-orb--ocean .rr-orb-media{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  background-image:url("../assets/planets/trovi-signature-liquid-orb-animated.webp")!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  opacity:1;
  transition:opacity .16s linear!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}

.rr-agent-orb--ocean .trovi-orb-canvas{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  background:transparent!important;
  filter:none!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  pointer-events:none!important;
}

/* The approved artwork already contains the visible white play control.
   This real button remains on top as a fully accessible click target. */
.rr-agent-card--single .rr-agent-orb--ocean button{
  z-index:5!important;
  width:64px!important;
  height:64px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  cursor:pointer!important;
}

.rr-agent-card--single .rr-agent-orb--ocean button b{
  opacity:0!important;
}

.rr-agent-card--single .rr-agent-orb--ocean button:hover{
  transform:scale(1.035)!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.16)!important;
}

.rr-agent-card--single .rr-agent-orb--ocean button:focus-visible{
  outline:3px solid rgba(36,151,230,.72)!important;
  outline-offset:4px!important;
}

@media (prefers-reduced-motion:reduce){
  .rr-agent-orb--ocean .rr-orb-media{
    opacity:1!important;
  }
}


/* ======================================================================
   FINAL OVERRIDE — approved restaurant demo orb + slightly larger card
   Uses the approved blue / ivory / pale-blue glass orb artwork.
   ====================================================================== */
.rr-live-demo{
  min-height:520px!important;
}

.rr-live-demo-head--single{
  width:min(332px,100%)!important;
  padding:0 4px 12px!important;
}

.rr-agent-card--single{
  width:min(332px,100%)!important;
  height:430px!important;
  min-height:430px!important;
  padding:34px 24px 30px!important;
  border:1px solid rgba(38,38,38,.34)!important;
  border-radius:18px!important;
  background:#faf9f6!important;
  box-shadow:0 18px 44px rgba(41,45,50,.10), inset 0 1px 0 rgba(255,255,255,.78)!important;
}

.rr-agent-card--single::before{
  background:linear-gradient(180deg, rgba(255,255,255,.74) 0%, rgba(255,255,255,0) 24%)!important;
}

.rr-agent-card--single .rr-agent-orb{
  width:226px!important;
  height:226px!important;
  margin:2px auto 0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.rr-agent-card--single .rr-agent-orb::before,
.rr-agent-card--single .rr-agent-orb::after,
.rr-agent-orb--ocean .trovi-orb-canvas{
  display:none!important;
}

.rr-agent-orb--ocean .rr-orb-media{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  background-image:url("../assets/planets/trovi-approved-orb.png")!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}

.rr-agent-card--single .rr-agent-orb button{
  width:66px!important;
  height:66px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 24px rgba(39,53,66,.16)!important;
}

.rr-agent-card--single .rr-agent-orb button b{
  font-size:21px!important;
  transform:translateX(2px)!important;
}

.rr-card-label{
  margin-top:18px!important;
}

.rr-card-label span{
  font-size:12px!important;
  letter-spacing:.16em!important;
}

.rr-card-label h3{
  margin-top:8px!important;
  font-size:27px!important;
}

@media (max-width:760px){
  .rr-live-demo{
    min-height:0!important;
  }
  .rr-live-demo-head--single{
    width:min(320px,94%)!important;
  }
  .rr-agent-card--single{
    width:min(320px,100%)!important;
    height:416px!important;
    min-height:416px!important;
    padding:32px 22px 28px!important;
  }
  .rr-agent-card--single .rr-agent-orb{
    width:214px!important;
    height:214px!important;
  }
}

@media (max-width:480px){
  .rr-live-demo-head--single{
    width:min(292px,96%)!important;
  }
  .rr-agent-card--single{
    width:min(292px,100%)!important;
    height:386px!important;
    min-height:386px!important;
    padding:28px 16px 24px!important;
  }
  .rr-agent-card--single .rr-agent-orb{
    width:190px!important;
    height:190px!important;
  }
  .rr-agent-card--single .rr-agent-orb button{
    width:58px!important;
    height:58px!important;
  }
  .rr-card-label h3{
    font-size:24px!important;
  }
}


/* ======================================================================
   APPROVED LANDING-PAGE MATCH — FINAL OVERRIDES
   Matches FINAL-LANDING-PAGE-REFERENCE.png while preserving functionality.
   ====================================================================== */
.restaurant-page .rr-hero{
  background:#fcfcfb!important;
}

.restaurant-page .rr-shell{
  width:min(1540px,calc(100% - 96px))!important;
  min-height:calc(100svh - 74px)!important;
  grid-template-columns:minmax(560px,1.02fr) minmax(390px,.72fr)!important;
  gap:clamp(92px,8vw,150px)!important;
  align-items:center!important;
  padding:64px 0 82px!important;
}

.restaurant-page .rr-hero-copy{
  max-width:670px!important;
  transform:none!important;
}

.restaurant-page .rr-pill{
  padding:8px 14px!important;
  border-color:#ffcdb8!important;
  background:#fffaf7!important;
  font-size:11px!important;
  letter-spacing:.075em!important;
}

.restaurant-page .rr-hero-copy h1{
  max-width:680px!important;
  margin:28px 0 26px!important;
  font-size:clamp(56px,4.75vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}

.restaurant-page .rr-hero-copy h1 .rr-accent-inline{
  display:inline!important;
  color:#cf573f!important;
}

.restaurant-page .rr-hero-copy>p{
  max-width:625px!important;
  color:#5d5955!important;
  font-size:18px!important;
  line-height:1.65!important;
}

.restaurant-page .rr-launch--featured{
  width:max-content!important;
  max-width:100%!important;
  margin-top:26px!important;
  padding:11px 15px!important;
  border:1px solid #f0cfc0!important;
  border-radius:12px!important;
  background:#fff9f5!important;
  color:#48423e!important;
  font-size:14px!important;
  font-weight:700!important;
}

.restaurant-page .rr-hero-actions{
  gap:14px!important;
  margin-top:26px!important;
}

.restaurant-page .rr-hero-actions .rr-btn{
  height:68px!important;
  padding:0 25px!important;
  border-radius:14px!important;
  font-size:16px!important;
}

.restaurant-page .rr-btn--dark{
  box-shadow:0 16px 30px rgba(0,0,0,.15)!important;
}

.restaurant-page .rr-reassurance{
  gap:12px 24px!important;
  margin-top:24px!important;
  font-size:12px!important;
}

.restaurant-page .rr-glow--one{
  width:620px!important;
  height:620px!important;
  right:1%!important;
  top:9%!important;
  background:radial-gradient(circle,rgba(255,111,54,.13),transparent 70%)!important;
  filter:blur(12px)!important;
}

.restaurant-page .rr-glow--two{
  width:430px!important;
  height:430px!important;
  right:35%!important;
  bottom:1%!important;
  background:radial-gradient(circle,rgba(148,112,232,.09),transparent 72%)!important;
  filter:blur(14px)!important;
}

.restaurant-page .rr-live-demo{
  width:100%!important;
  max-width:420px!important;
  min-height:680px!important;
  margin-left:auto!important;
  margin-right:0!important;
  align-items:center!important;
  justify-self:end!important;
}

.restaurant-page .rr-live-demo-head--single{
  width:min(360px,100%)!important;
  padding:0 4px 14px!important;
}

.restaurant-page .rr-live-demo-head--single>div span{
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}

.restaurant-page .rr-live-demo-head--single small{
  padding:9px 16px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1.25!important;
}

.restaurant-page .rr-agent-card--single{
  width:360px!important;
  height:580px!important;
  min-height:580px!important;
  padding:54px 28px 36px!important;
  border:1px solid rgba(27,27,27,.36)!important;
  border-radius:20px!important;
  background:#faf9f6!important;
  box-shadow:0 20px 46px rgba(42,46,52,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;
}

.restaurant-page .rr-agent-card--single .rr-agent-orb{
  width:278px!important;
  height:278px!important;
  margin:0 auto!important;
}

.restaurant-page .rr-agent-orb--ocean .rr-orb-media{
  background-image:url("../assets/planets/trovi-approved-orb.png")!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

.restaurant-page .rr-agent-card--single .rr-agent-orb button{
  width:68px!important;
  height:68px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 26px rgba(34,48,61,.15)!important;
}

.restaurant-page .rr-agent-card--single .rr-agent-orb button b{
  color:#111!important;
  opacity:1!important;
  font-size:21px!important;
}

.restaurant-page .rr-card-label{
  margin-top:34px!important;
}

.restaurant-page .rr-card-label span{
  color:#727370!important;
  font-size:13px!important;
  letter-spacing:.17em!important;
}

.restaurant-page .rr-card-label h3{
  margin-top:12px!important;
  font-size:31px!important;
  letter-spacing:-.04em!important;
}

@media (min-width:1121px) and (max-width:1380px){
  .restaurant-page .rr-shell{
    width:min(1280px,calc(100% - 64px))!important;
    grid-template-columns:minmax(510px,1fr) 360px!important;
    gap:72px!important;
  }
  .restaurant-page .rr-hero-copy h1{
    font-size:clamp(50px,4.65vw,66px)!important;
  }
  .restaurant-page .rr-live-demo{
    max-width:380px!important;
  }
}

@media (max-width:1120px){
  .restaurant-page .rr-shell{
    width:min(900px,calc(100% - 48px))!important;
    grid-template-columns:1fr!important;
    gap:52px!important;
    min-height:auto!important;
    padding:56px 0 70px!important;
  }
  .restaurant-page .rr-live-demo{
    max-width:420px!important;
    margin:0 auto!important;
    justify-self:center!important;
    min-height:650px!important;
  }
}

@media (max-width:760px){
  .restaurant-page .rr-shell{
    width:min(100% - 30px,640px)!important;
    padding:42px 0 56px!important;
  }
  .restaurant-page .rr-hero-copy h1{
    font-size:clamp(42px,11vw,58px)!important;
  }
  .restaurant-page .rr-hero-copy>p{
    font-size:16px!important;
  }
  .restaurant-page .rr-hero-actions .rr-btn{
    width:100%!important;
    height:58px!important;
  }
  .restaurant-page .rr-live-demo{
    min-height:560px!important;
  }
  .restaurant-page .rr-live-demo-head--single{
    width:min(330px,94%)!important;
  }
  .restaurant-page .rr-agent-card--single{
    width:min(330px,100%)!important;
    height:500px!important;
    min-height:500px!important;
    padding:42px 20px 30px!important;
  }
  .restaurant-page .rr-agent-card--single .rr-agent-orb{
    width:238px!important;
    height:238px!important;
  }
  .restaurant-page .rr-card-label{
    margin-top:28px!important;
  }
}

@media (max-width:480px){
  .restaurant-page .rr-shell{
    width:min(100% - 24px,420px)!important;
  }
  .restaurant-page .rr-agent-card--single{
    width:min(300px,100%)!important;
    height:454px!important;
    min-height:454px!important;
    padding:36px 16px 26px!important;
  }
  .restaurant-page .rr-agent-card--single .rr-agent-orb{
    width:212px!important;
    height:212px!important;
  }
  .restaurant-page .rr-agent-card--single .rr-agent-orb button{
    width:60px!important;
    height:60px!important;
  }
  .restaurant-page .rr-card-label h3{
    font-size:27px!important;
  }
}

/* =====================================================================
   FINAL ANIMATED ORB UPGRADE
   Keeps the approved landing-page design exactly as supplied. Only this
   transparent canvas layer animates the liquid inside the existing orb.
   ===================================================================== */
.restaurant-page .rr-agent-orb--ocean .trovi-ocean-motion-canvas{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:transparent!important;
  opacity:0;
  pointer-events:none!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  transition:opacity .18s linear;
}

.restaurant-page .rr-agent-orb--ocean.is-ocean-motion-ready .trovi-ocean-motion-canvas{
  opacity:1;
}

.restaurant-page .rr-agent-card--single .rr-agent-orb button{
  z-index:9!important;
}

@media (prefers-reduced-motion:reduce){
  .restaurant-page .rr-agent-orb--ocean .trovi-ocean-motion-canvas{
    display:none!important;
  }
}


/* ======================================================================
   HERO COPY + DEMO CARD REFINEMENT — requested layout/text update
   Preserves the approved page, orb artwork and orb animation.
   ====================================================================== */
@media (min-width:1121px){
  .restaurant-page .rr-hero-copy{
    max-width:600px!important;
    transform:translateX(60px)!important;
  }

  .restaurant-page .rr-live-demo{
    transform:translateX(-58px)!important;
  }
}

.restaurant-page .rr-rotating-title{
  max-width:600px!important;
  margin:26px 0 24px!important;
  font-size:clamp(50px,4.05vw,66px)!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
}

.restaurant-page .rr-title-fixed,
.restaurant-page .rr-rotating-word{
  display:block!important;
}

.restaurant-page .rr-title-fixed{
  color:#0b0b0b!important;
}

.restaurant-page .rr-rotating-word{
  min-height:1.04em;
  color:#cf573f!important;
  opacity:1;
  transform:translateY(0);
  transition:opacity .26s ease,transform .26s ease;
  will-change:opacity,transform;
}

.restaurant-page .rr-rotating-word.is-changing{
  opacity:0;
  transform:translateY(13px);
}

.restaurant-page .rr-hero-copy>p{
  max-width:590px!important;
  font-size:17px!important;
  line-height:1.62!important;
}

.restaurant-page .rr-pill{
  font-size:10px!important;
}

.restaurant-page .rr-launch--featured{
  margin-top:23px!important;
  padding:10px 14px!important;
  font-size:13px!important;
}

.restaurant-page .rr-hero-actions{
  margin-top:22px!important;
}

.restaurant-page .rr-hero-actions .rr-btn{
  height:58px!important;
  padding:0 22px!important;
  border-radius:12px!important;
  font-size:15px!important;
}

.restaurant-page .rr-hero-actions .rr-btn-icon{
  width:20px!important;
  height:20px!important;
  border-radius:6px!important;
  font-size:8px!important;
}

.restaurant-page .rr-live-demo{
  min-height:570px!important;
}

.restaurant-page .rr-live-demo-head--single{
  width:min(360px,100%)!important;
  justify-content:center!important;
  padding:0 0 14px!important;
}

.restaurant-page .rr-live-demo-head--single>div{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}

.restaurant-page .rr-live-demo-head--single>div span{
  text-align:center!important;
}

.restaurant-page .rr-agent-card--single{
  height:485px!important;
  min-height:485px!important;
  padding:42px 28px 24px!important;
}

.restaurant-page .rr-card-label{
  margin-top:22px!important;
}

@media (min-width:1121px) and (max-width:1320px){
  .restaurant-page .rr-hero-copy{
    transform:translateX(44px)!important;
  }
  .restaurant-page .rr-live-demo{
    transform:translateX(-42px)!important;
  }
}

@media (max-width:1120px){
  .restaurant-page .rr-hero-copy{
    transform:none!important;
  }
  .restaurant-page .rr-live-demo{
    transform:none!important;
    min-height:540px!important;
  }
}

@media (max-width:760px){
  .restaurant-page .rr-rotating-title{
    font-size:clamp(42px,10.5vw,56px)!important;
  }
  .restaurant-page .rr-agent-card--single{
    height:445px!important;
    min-height:445px!important;
    padding:34px 20px 24px!important;
  }
  .restaurant-page .rr-live-demo{
    min-height:500px!important;
  }
}

@media (max-width:480px){
  .restaurant-page .rr-agent-card--single{
    height:405px!important;
    min-height:405px!important;
    padding:30px 16px 22px!important;
  }
  .restaurant-page .rr-live-demo{
    min-height:460px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .restaurant-page .rr-rotating-word{
    transition:none!important;
  }
}


/* V21: restore the approved orb artwork exactly. No WebGL overlay. */
.restaurant-page .rr-agent-orb--ocean .trovi-ocean-motion-canvas{
  display:none!important;
  opacity:0!important;
}
.restaurant-page .rr-agent-orb--ocean .rr-orb-media{
  background-image:url("../assets/planets/trovi-approved-orb.png")!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}


/* v22 polish: inward alignment, champagne accent, smaller nav CTAs */
.restaurant-page{
  --accent:#c29b5a;
  --rr-orange:#c29b5a;
  --rr-orange-2:#e2c998;
  --rr-peach:#fbf5eb;
}
.restaurant-page .logo-word b,
.restaurant-page .logo-mark{
  color:var(--accent);
}
.restaurant-page .rr-pill{
  color:var(--rr-orange);
  border-color:rgba(194,155,90,.28);
  background:rgba(251,245,235,.9);
  box-shadow:0 8px 30px rgba(194,155,90,.08);
}
.restaurant-page .rr-launch--featured{
  border-color:rgba(194,155,90,.22);
  background:rgba(194,155,90,.06);
}
.restaurant-page .rr-launch i{
  background:var(--rr-orange);
  box-shadow:0 0 0 5px rgba(194,155,90,.14);
}
.restaurant-page .rr-hero-copy h1 span{
  color:var(--rr-orange);
}
.restaurant-page .nav-actions{gap:10px}
.restaurant-page .nav-actions .btn{
  height:46px;
  padding:0 18px;
  font-size:14px;
  border-radius:13px;
}
.restaurant-page .nav-actions .btn--accent{
  padding:0 18px;
}
@media (min-width:1121px){
  .restaurant-page .rr-shell{
    grid-template-columns:minmax(470px,.98fr) minmax(500px,1.02fr);
    gap:28px;
  }
  .restaurant-page .rr-hero-copy{
    justify-self:end;
    max-width:540px;
    padding-left:26px;
  }
  .restaurant-page .rr-live-demo{
    justify-self:start;
    margin-left:-42px;
  }
}
@media (min-width:1121px) and (max-width:1320px){
  .restaurant-page .rr-shell{
    grid-template-columns:minmax(450px,.98fr) minmax(470px,1.02fr);
    gap:26px;
  }
  .restaurant-page .rr-hero-copy{
    padding-left:18px;
  }
  .restaurant-page .rr-live-demo{
    margin-left:-30px;
  }
}


/* =====================================================================
   MOBILE V12 — restaurant landing page rebuild
   Mobile-only: desktop geometry and styling remain untouched.
   ===================================================================== */
@media (max-width:760px){
  body.restaurant-page{overflow-x:hidden!important}
  .restaurant-page .nav-wrap{position:sticky!important;top:0!important;z-index:100!important}
  .restaurant-page .nav{
    min-height:82px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .restaurant-page .burger{
    display:flex!important;
    order:1!important;
    position:static!important;
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    border:1px solid rgba(243,206,120,.45)!important;
    border-radius:12px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .restaurant-page .logo{order:2!important;margin:0!important;min-width:0!important;flex:0 0 auto!important}
  .restaurant-page .logo-image{width:128px!important;max-height:36px!important}
  .restaurant-page .nav-menu{display:none!important}
  .restaurant-page .nav-actions{
    order:3!important;
    margin-left:auto!important;
    display:flex!important;
    gap:0!important;
  }
  .restaurant-page .nav-actions .btn--line{display:none!important}
  .restaurant-page .nav-actions .btn--accent{
    display:inline-flex!important;
    height:46px!important;
    padding:0 13px!important;
    font-size:11px!important;
    border-radius:11px!important;
    white-space:nowrap!important;
  }

  .restaurant-page .rr-hero{min-height:auto!important;padding:0!important}
  .restaurant-page .rr-shell{
    width:100%!important;
    max-width:460px!important;
    margin:0 auto!important;
    padding:30px 18px 42px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .restaurant-page .rr-hero-copy{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    transform:none!important;
    text-align:center!important;
  }
  .restaurant-page .rr-pill{
    width:max-content!important;
    max-width:100%!important;
    margin:0 auto 18px!important;
    padding:9px 13px!important;
    font-size:9.5px!important;
  }
  .restaurant-page .rr-rotating-title{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 20px!important;
    text-align:center!important;
    font-size:clamp(40px,11vw,50px)!important;
    line-height:.98!important;
  }
  .restaurant-page .rr-title-fixed,.restaurant-page .rr-rotating-word{text-align:center!important}
  .restaurant-page .rr-rotating-word{min-height:1.08em!important}
  .restaurant-page .rr-hero-copy>p{
    max-width:390px!important;
    margin:0 auto!important;
    font-size:15.5px!important;
    line-height:1.55!important;
    text-align:center!important;
  }
  .restaurant-page .rr-launch--featured{
    width:max-content!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    padding:9px 12px!important;
    font-size:11px!important;
  }
  .restaurant-page .rr-hero-actions{
    width:100%!important;
    max-width:360px!important;
    margin:18px auto 0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .restaurant-page .rr-hero-actions .rr-btn{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    padding:0 10px!important;
    font-size:12.5px!important;
    border-radius:11px!important;
    justify-content:center!important;
  }
  .restaurant-page .rr-hero-actions .rr-btn-icon{width:18px!important;height:18px!important}

  .restaurant-page .rr-live-demo{
    width:100%!important;
    max-width:340px!important;
    min-height:0!important;
    margin:0 auto!important;
    transform:none!important;
    justify-self:center!important;
  }
  .restaurant-page .rr-live-demo-head--single{
    width:100%!important;
    margin:0 auto 10px!important;
    padding:0!important;
  }
  .restaurant-page .rr-agent-card--single{
    width:100%!important;
    height:430px!important;
    min-height:430px!important;
    margin:0 auto!important;
    padding:28px 18px 22px!important;
    border-radius:24px!important;
  }
  .restaurant-page .rr-agent-card--single .rr-agent-orb{
    width:200px!important;
    height:200px!important;
    margin:0 auto!important;
  }
  .restaurant-page .rr-agent-card--single .rr-agent-orb button{
    width:58px!important;
    height:58px!important;
  }
  .restaurant-page .rr-card-label{margin-top:20px!important;text-align:center!important}
  .restaurant-page .rr-card-label h3{font-size:25px!important;margin-top:7px!important}

  /* Every following restaurant section gets comfortable mobile spacing. */
  .restaurant-page .rr-wrap{width:calc(100% - 32px)!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important}
  .restaurant-page .rr-section-head,.restaurant-page .rr-dashboard-head,.restaurant-page .rr-pressure-copy,.restaurant-page .rr-pilot-copy,.restaurant-page .rr-faq-grid>div:first-child{text-align:center!important}
  .restaurant-page .rr-section-head h2,.restaurant-page .rr-dashboard-head h2,.restaurant-page .rr-pressure-copy h2,.restaurant-page .rr-pilot-copy h2,.restaurant-page .rr-faq-grid h2{font-size:clamp(30px,8vw,40px)!important;line-height:1.05!important}
}

@media (max-width:390px){
  .restaurant-page .logo-image{width:112px!important}
  .restaurant-page .nav-actions .btn--accent{font-size:10px!important;padding:0 10px!important}
  .restaurant-page .rr-shell{padding-left:14px!important;padding-right:14px!important}
  .restaurant-page .rr-hero-actions{grid-template-columns:1fr!important;max-width:310px!important}
  .restaurant-page .rr-agent-card--single{height:405px!important;min-height:405px!important}
  .restaurant-page .rr-agent-card--single .rr-agent-orb{width:184px!important;height:184px!important}
}

/* =====================================================================
   RESTAURANT MOBILE V13 — demo first, compact dark demo card
   Desktop remains unchanged.
   ===================================================================== */
@media (max-width:720px){
  .restaurant-page .rr-shell{
    gap:22px!important;
    padding-top:26px!important;
  }
  .restaurant-page .rr-hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important}
  .restaurant-page .rr-live-demo{
    width:100%!important;
    max-width:286px!important;
    margin:22px auto 0!important;
    padding:0!important;
    min-height:0!important;
    order:0!important;
  }
  .restaurant-page .rr-live-demo::before{display:none!important}
  .restaurant-page .rr-live-demo-head--single{
    margin:0 auto 8px!important;
    padding:0!important;
    justify-content:center!important;
  }
  .restaurant-page .rr-live-demo-head--single>div{justify-content:center!important;font-size:9px!important}
  .restaurant-page .rr-agent-single{min-height:0!important;width:100%!important}
  .restaurant-page .rr-agent-card--single{
    width:100%!important;
    height:auto!important;
    min-height:300px!important;
    padding:20px 16px 18px!important;
    border:1px solid rgba(217,170,73,.44)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 50% 22%,rgba(55,111,205,.15),transparent 35%),
      linear-gradient(155deg,rgba(8,16,31,.98),rgba(2,6,14,.99))!important;
    box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  .restaurant-page .rr-agent-card--single::after{opacity:.14!important}
  .restaurant-page .rr-agent-card--single .rr-agent-orb{
    width:142px!important;
    height:142px!important;
    margin:4px auto 0!important;
  }
  .restaurant-page .rr-agent-card--single .rr-agent-orb button{
    width:50px!important;
    height:50px!important;
    border-radius:50%!important;
    padding:0!important;
  }
  .restaurant-page .rr-card-label{margin-top:14px!important}
  .restaurant-page .rr-card-label span{color:#c6cede!important;font-size:8px!important;letter-spacing:.16em!important}
  .restaurant-page .rr-card-label h3{color:#fff!important;font-size:21px!important;margin-top:5px!important}

  /* Demo comes before social proof and CTAs on phones. */
  .restaurant-page .rr-launch--featured{margin-top:16px!important;order:4!important}
  .restaurant-page .rr-hero-actions{margin-top:12px!important;order:5!important}
  .restaurant-page .rr-hero-actions .rr-btn{height:46px!important;font-size:11.5px!important}
}

/* =====================================================================
   RESTAURANT MOBILE V14 — remove unwanted halo/ring around live demo orb
   Mobile-only. Keeps the blue liquid orb and play button, removes the
   extra grey circular treatment around it.
   ===================================================================== */
@media (max-width:720px){
  .restaurant-page .rr-agent-card--single .rr-agent-orb{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    overflow:visible!important;
  }
  .restaurant-page .rr-agent-card--single .rr-agent-orb>span,
  .restaurant-page .rr-agent-card--single .rr-agent-orb .rr-orb-media{
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
  }
  .restaurant-page .rr-agent-card--single .rr-agent-orb::before,
  .restaurant-page .rr-agent-card--single .rr-agent-orb::after{
    display:none!important;
  }
}

/* =====================================================================
   V17 — remove unwanted halo / bubble around restaurant hero orb
   Applies to both desktop and mobile.
   ===================================================================== */
.restaurant-page .rr-agent-card--single .rr-agent-orb{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:visible!important;
}

.restaurant-page .rr-agent-card--single .rr-agent-orb > span,
.restaurant-page .rr-agent-card--single .rr-agent-orb .rr-orb-media{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}

.restaurant-page .rr-agent-card--single .rr-agent-orb::before,
.restaurant-page .rr-agent-card--single .rr-agent-orb::after{
  display:none!important;
}