.restaurant-page{background:#070a08;color:#fff}
.restaurant-page main{overflow:hidden}
.restaurant-page .site-header{background:rgba(8,11,9,.9)}
.restaurant-page .eyebrow{margin-bottom:20px;font-size:9px;letter-spacing:.16em}
.restaurant-page h1,.restaurant-page h2{margin:0;font-weight:950;letter-spacing:-.062em;line-height:.94}
.restaurant-page h2 em{color:#268d10;font-style:normal}
.restaurant-page p{line-height:1.65}

.restaurant-hero{position:relative;display:grid;min-height:100svh;padding:122px 20px 70px;background:radial-gradient(circle at 88% 18%,rgba(99,255,25,.13),transparent 35%),#070a08}
.restaurant-hero:after{position:absolute;right:-110px;bottom:-160px;width:330px;height:330px;border:1px solid rgba(99,255,25,.12);border-radius:50%;content:""}
.restaurant-hero-copy{position:relative;z-index:2}
.restaurant-hero h1{max-width:760px;font-size:clamp(42px,10.5vw,62px);letter-spacing:-.045em;word-spacing:.06em}
.restaurant-hero h1::first-line{color:#fff}
.restaurant-hero-lead{max-width:650px;margin:24px 0 0;color:#b7beb8;font-size:16px}
.restaurant-hero-actions{display:grid;gap:12px;margin-top:30px}
.restaurant-hero-actions .button{width:100%}
.restaurant-text-link{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 3px;border-bottom:1px solid rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.restaurant-text-link span{color:var(--green);font-size:16px}
.restaurant-proof{display:grid;gap:9px;margin-top:30px;color:#879088;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.restaurant-proof span{display:flex;align-items:center;gap:8px}
.restaurant-proof i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(99,255,25,.7)}
.restaurant-hero-visual{position:relative;z-index:1;width:112%;margin:34px 0 0 -6%;padding:18px 4px 0}
.restaurant-hero-visual>img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 28px 45px rgba(0,0,0,.46))}
.restaurant-visual-halo{position:absolute;inset:10% 5% 0;border-radius:50%;background:radial-gradient(circle,rgba(99,255,25,.17),transparent 66%);filter:blur(20px)}
.restaurant-status{position:absolute;z-index:2;min-width:142px;padding:12px 13px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(12,17,13,.9);box-shadow:0 18px 45px rgba(0,0,0,.4);backdrop-filter:blur(12px)}
.restaurant-status small,.restaurant-status b,.restaurant-status span{display:block}
.restaurant-status small{color:#788179;font-size:7px;font-weight:900;letter-spacing:.12em}
.restaurant-status b{margin:3px 0;color:#fff;font-size:11px}
.restaurant-status span{color:#73e84f;font-size:7px}
.restaurant-status span i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--green)}
.restaurant-status-order{top:9%;right:-2%}
.restaurant-status-sales{left:0;bottom:1%}
.restaurant-hero-mascot{--mascot-x:0px;--mascot-y:0px;--mascot-rotate:0deg;position:absolute;top:0;left:8%;z-index:3;width:92px;margin:0;pointer-events:none;animation:restaurant-mascot-float 4.4s ease-in-out infinite;transform:translate3d(var(--mascot-x),var(--mascot-y),0) rotate(var(--mascot-rotate));transition:transform .25s ease-out}
.restaurant-hero-mascot img,.restaurant-mascot-cameo img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.24))}
.restaurant-hero-mascot i,.restaurant-mascot-cameo i{position:absolute;left:18%;right:18%;bottom:-7%;height:14%;border-radius:50%;background:rgba(0,0,0,.48);filter:blur(7px);animation:restaurant-mascot-shadow 4.4s ease-in-out infinite}

.restaurant-pains,.restaurant-system,.restaurant-benefits,.restaurant-audience,.restaurant-faq{position:relative}
.restaurant-mascot-cameo{position:absolute;top:var(--mascot-top);z-index:4;width:72px;opacity:0;pointer-events:none;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.restaurant-mascot-cameo.is-left{left:-43px;transform:translate3d(-18px,18px,0) rotate(10deg) scale(.72)}
.restaurant-mascot-cameo.is-right{right:-43px;transform:translate3d(18px,18px,0) rotate(-10deg) scale(.72)}
.restaurant-mascot-cameo.is-visible{opacity:.94;transform:translate3d(0,0,0) rotate(0) scale(1)}
.restaurant-mascot-cameo img{animation:restaurant-mascot-peek 4.8s ease-in-out infinite}

@keyframes restaurant-mascot-float{
  0%,100%{margin-top:0}
  50%{margin-top:-13px}
}
@keyframes restaurant-mascot-peek{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-9px) rotate(3deg)}
}
@keyframes restaurant-mascot-shadow{
  0%,100%{opacity:.46;transform:scaleX(1)}
  50%{opacity:.25;transform:scaleX(.72)}
}

.restaurant-pains,.restaurant-audience,.restaurant-faq{padding:88px 20px;background:#f4f6f1;color:#070a08}
.restaurant-section-heading{max-width:760px}
.restaurant-section-heading h2{font-size:clamp(39px,11.5vw,62px)}
.restaurant-section-heading>p:last-child{margin:24px 0 0;color:#616a62;font-size:15px}
.restaurant-pain-grid{display:grid;margin-top:40px;border-top:1px solid rgba(7,10,8,.15)}
.restaurant-pain-grid article{padding:24px 0;border-bottom:1px solid rgba(7,10,8,.15)}
.restaurant-pain-grid article>span{color:#438d2b;font-size:9px;font-weight:950;letter-spacing:.12em}
.restaurant-pain-grid h3{margin:8px 0 7px;font-size:21px;letter-spacing:-.035em}
.restaurant-pain-grid p{margin:0;color:#626a63;font-size:13px}

.restaurant-system{padding:88px 20px;background:#090d0a;color:#fff}
.restaurant-heading-dark h2 em{color:var(--green)}
.restaurant-heading-dark>p:last-child{color:#929b93}
.restaurant-system-grid{position:relative;display:grid;gap:10px;margin-top:42px}
.restaurant-system-grid article{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025)}
.restaurant-system-grid article>span{color:var(--green);font-size:9px;font-weight:900}
.restaurant-system-grid h3{margin:0 0 4px;font-size:17px;letter-spacing:-.025em}
.restaurant-system-grid p{margin:0;color:#818a82;font-size:12px}
.restaurant-system-core{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:110px;padding:24px;border:1px solid rgba(99,255,25,.42);background:radial-gradient(circle at 20% 10%,rgba(99,255,25,.13),transparent 60%)}
.restaurant-system-core img{width:76px;height:auto}
.restaurant-system-core b{color:#d9ded9;font-size:10px;letter-spacing:.14em;text-align:right}
.restaurant-inline-link{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding:15px 0;border-bottom:1px solid rgba(99,255,25,.35);color:#b8c0b9;font-size:11px;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.restaurant-inline-link span{color:var(--green)}

.restaurant-benefits{display:grid;background:#fff;color:#070a08}
.restaurant-benefit-visual{position:relative;min-height:390px;padding:52px 20px 18px;background:#e8ece5}
.restaurant-benefit-visual img{display:block;width:100%;height:auto;margin:auto;filter:drop-shadow(0 22px 35px rgba(12,18,13,.16))}
.restaurant-benefit-visual>p{position:relative;margin:-10px 0 0;padding:17px;border-left:3px solid var(--green);background:#0b0f0c;color:#fff}
.restaurant-benefit-visual>p b,.restaurant-benefit-visual>p span{display:block}
.restaurant-benefit-visual>p b{color:var(--green);font-size:9px;letter-spacing:.12em}
.restaurant-benefit-visual>p span{margin-top:5px;color:#a5ada6;font-size:11px}
.restaurant-benefit-copy{padding:78px 20px}
.restaurant-benefit-copy h2{font-size:clamp(39px,11.5vw,62px)}
.restaurant-benefit-list{margin-top:35px;border-top:1px solid rgba(7,10,8,.15)}
.restaurant-benefit-list article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid rgba(7,10,8,.15)}
.restaurant-benefit-list article>b{color:#46932e;font-size:9px}
.restaurant-benefit-list h3{margin:0 0 5px;font-size:17px}
.restaurant-benefit-list p{margin:0;color:#626a63;font-size:12px}

.restaurant-audience-grid{display:grid;gap:12px;margin-top:40px}
.restaurant-audience-grid article{min-height:220px;padding:24px;border:1px solid rgba(7,10,8,.13);background:#fff}
.restaurant-audience-grid article>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #67d944;border-radius:50%;color:#2f8418;font-size:15px;font-weight:950}
.restaurant-audience-grid h3{margin:34px 0 7px;font-size:23px;letter-spacing:-.04em}
.restaurant-audience-grid p{margin:0;color:#687069;font-size:13px}

.restaurant-demo{display:block;padding:88px 20px;background:var(--green)}
.restaurant-demo .demo-copy{position:static}
.restaurant-demo .demo-copy h2{font-size:clamp(43px,12vw,65px);text-transform:none}
.restaurant-demo .demo-form-wrap{min-height:0;margin-top:45px}
.restaurant-demo .demo-form,.restaurant-demo .form-success{padding:28px 20px}
.restaurant-demo .form-success{min-height:590px}

.restaurant-faq-list{margin-top:40px;border-top:1px solid rgba(7,10,8,.15)}
.restaurant-faq-list details{border-bottom:1px solid rgba(7,10,8,.15)}
.restaurant-faq-list summary{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:21px 0;font-size:15px;font-weight:850;list-style:none;cursor:pointer}
.restaurant-faq-list summary::-webkit-details-marker{display:none}
.restaurant-faq-list summary span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(7,10,8,.2);border-radius:50%;color:#397f23;font-size:18px;transition:transform .2s}
.restaurant-faq-list details[open] summary span{transform:rotate(45deg)}
.restaurant-faq-list details p{max-width:750px;margin:0;padding:0 48px 22px 0;color:#646c65;font-size:13px}
.restaurant-final-cta{display:grid;gap:18px;margin-top:45px;padding:25px;background:#0a0e0b;color:#fff}
.restaurant-final-cta p{margin:0;font-size:22px;font-weight:900;letter-spacing:-.035em}
.restaurant-final-cta .button{width:100%}
.restaurant-page .privacy-modal .button-quiet{border-color:rgba(7,10,8,.28)!important;color:#111611!important}

@media (min-width:760px){
  .restaurant-page .eyebrow{font-size:10px}
  .restaurant-hero{min-height:860px;padding:155px clamp(34px,5vw,80px) 90px;grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);align-items:center;gap:35px}
  .restaurant-hero h1{font-size:clamp(58px,7.2vw,98px)}
  .restaurant-hero-lead{font-size:18px}
  .restaurant-hero-actions{display:flex;align-items:center;gap:26px}
  .restaurant-hero-actions .button{width:auto}
  .restaurant-text-link{width:max-content;gap:35px}
  .restaurant-proof{grid-template-columns:repeat(3,max-content);gap:18px}
  .restaurant-hero-visual{width:108%;margin:0 -8% 0 0;padding:0}
  .restaurant-hero-mascot{top:2%;left:3%;width:140px}
  .restaurant-status{min-width:168px;padding:15px}
  .restaurant-status-order{right:-3%;top:15%}
  .restaurant-status-sales{left:-1%;bottom:7%}
  .restaurant-pains,.restaurant-audience,.restaurant-faq,.restaurant-system{padding:120px clamp(34px,5vw,80px)}
  .restaurant-section-heading h2,.restaurant-benefit-copy h2{font-size:clamp(50px,6vw,82px)}
  .restaurant-pain-grid{grid-template-columns:repeat(2,1fr);gap:0 35px}
  .restaurant-system-grid{grid-template-columns:repeat(2,1fr)}
  .restaurant-system-core{grid-column:1/-1}
  .restaurant-benefits{grid-template-columns:1fr 1fr;align-items:stretch}
  .restaurant-benefit-visual{display:grid;align-content:center;min-height:760px;padding:70px clamp(30px,4vw,65px)}
  .restaurant-benefit-copy{display:grid;align-content:center;padding:100px clamp(30px,5vw,85px)}
  .restaurant-audience-grid{grid-template-columns:repeat(2,1fr)}
  .restaurant-demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;padding:120px clamp(34px,5vw,80px)}
  .restaurant-demo .demo-form-wrap{margin-top:0}
  .restaurant-final-cta{grid-template-columns:1fr auto;align-items:center;padding:30px}
  .restaurant-final-cta .button{width:auto}
  .restaurant-mascot-cameo{width:112px}
  .restaurant-mascot-cameo.is-left{left:-54px}
  .restaurant-mascot-cameo.is-right{right:-54px}
}

@media (min-width:1100px){
  .restaurant-hero{grid-template-columns:minmax(430px,.82fr) minmax(560px,1.18fr);gap:55px;max-width:1680px;margin:auto}
  .restaurant-pains,.restaurant-audience,.restaurant-faq,.restaurant-system{padding-left:max(var(--side),calc((100vw - 1440px)/2));padding-right:max(var(--side),calc((100vw - 1440px)/2))}
  .restaurant-pain-grid{grid-template-columns:repeat(3,1fr);gap:0 40px}
  .restaurant-system-grid{grid-template-columns:repeat(4,1fr)}
  .restaurant-system-grid article{min-height:150px;align-content:start}
  .restaurant-system-core{grid-column:4;grid-row:1/3;display:grid;align-content:center;justify-items:center;text-align:center}
  .restaurant-system-core img{width:110px}
  .restaurant-system-core b{margin-top:24px;text-align:center}
  .restaurant-audience-grid{grid-template-columns:repeat(4,1fr)}
  .restaurant-demo{padding-left:max(var(--side),calc((100vw - 1440px)/2));padding-right:max(var(--side),calc((100vw - 1440px)/2))}
  .restaurant-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}
  .restaurant-faq-list{margin-top:0}
  .restaurant-final-cta{grid-column:1/-1}
}

@media (max-width:390px){
  .restaurant-hero{padding-left:16px;padding-right:16px}
  .restaurant-hero h1{font-size:40px}
  .restaurant-status{transform:scale(.9)}
  .restaurant-status-order{right:-5%}
  .restaurant-status-sales{left:-4%}
}

@media (prefers-reduced-motion:reduce){
  .restaurant-status,.restaurant-visual-halo,.restaurant-hero-mascot,.restaurant-hero-mascot i,.restaurant-mascot-cameo,.restaurant-mascot-cameo img,.restaurant-mascot-cameo i{animation:none;transition:none}
}