/* restaurant_landing.php (/digital-menu-boards-for-restaurants): styles carried over from the previous page,
   scoped to .lp-digital-menu-boards-for-restaurants so they only apply to this page's content. */

.lp-digital-menu-boards-for-restaurants {
      --purple: #663695;
      --purple-dark: #442064;
      --purple-soft: #f4edfb;
      --orange: #ff8b45;
      --ink: #172033;
      --muted: #5f6878;
      --line: #e4e7ee;
      --white: #fff;
      --green: #17845f;
      --shadow: 0 18px 55px rgba(33, 21, 48, .13);
    }
.lp-digital-menu-boards-for-restaurants * { box-sizing: border-box; }
.lp-digital-menu-boards-for-restaurants { scroll-behavior: smooth; }
.lp-digital-menu-boards-for-restaurants { margin: 0; color: var(--ink); background: #fff; font-family: inherit; line-height: 1.65; }
.lp-digital-menu-boards-for-restaurants a { color: inherit; }
.lp-digital-menu-boards-for-restaurants img { max-width: 100%; }
.lp-digital-menu-boards-for-restaurants .container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.lp-digital-menu-boards-for-restaurants .eyebrow { margin: 0 0 12px; color: var(--purple); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.lp-digital-menu-boards-for-restaurants .section { padding: 88px 0; }
.lp-digital-menu-boards-for-restaurants .section.alt { background: #f8f7fb; }
.lp-digital-menu-boards-for-restaurants .section-head { max-width: 760px; margin: 0 auto 46px; text-align: center; }
.lp-digital-menu-boards-for-restaurants .section-head h2 { margin: 0 0 14px; font-size: clamp(2rem, 4vw, 3.15rem); line-height: 1.12; letter-spacing: -.04em; }
.lp-digital-menu-boards-for-restaurants .section-head p { margin: 0; color: var(--muted); font-size: 1.08rem; }
.lp-digital-menu-boards-for-restaurants .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 25px; border: 2px solid transparent; border-radius: 9px; font-weight: 800; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.lp-digital-menu-boards-for-restaurants .btn:hover { transform: translateY(-2px); }
.lp-digital-menu-boards-for-restaurants .btn-primary { color: #fff; background: var(--purple); box-shadow: 0 12px 28px rgba(102, 54, 149, .24); }
.lp-digital-menu-boards-for-restaurants .btn-primary:hover { background: var(--purple-dark); }
.lp-digital-menu-boards-for-restaurants .btn-light { color: var(--purple-dark); background: #fff; }
.lp-digital-menu-boards-for-restaurants .btn-outline { color: #fff; border-color: rgba(255,255,255,.72); }
.lp-digital-menu-boards-for-restaurants .btn-outline:hover { background: rgba(255,255,255,.1); }
.lp-digital-menu-boards-for-restaurants .topbar { background: #251230; color: #fff; font-size: .86rem; }
.lp-digital-menu-boards-for-restaurants .topbar .container { min-height: 35px; display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center; }
.lp-digital-menu-boards-for-restaurants .topbar strong { color: #ffd4bc; }
.lp-digital-menu-boards-for-restaurants .nav-wrap { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(228,231,238,.8); }
.lp-digital-menu-boards-for-restaurants nav { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.lp-digital-menu-boards-for-restaurants .brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-size: 1.22rem; font-weight: 900; text-decoration: none; }
.lp-digital-menu-boards-for-restaurants .brand img { width: 120px; height: 42px; border-radius: 10px; }
.lp-digital-menu-boards-for-restaurants .nav-links { display: flex; align-items: center; gap: 27px; font-size: .95rem; font-weight: 700; }
.lp-digital-menu-boards-for-restaurants .nav-links a { text-decoration: none; }
.lp-digital-menu-boards-for-restaurants .nav-links a:not(.btn):hover { color: var(--purple); }
.lp-digital-menu-boards-for-restaurants .menu-toggle { display: none; border: 0; background: transparent; font-size: 1.55rem; }
.lp-digital-menu-boards-for-restaurants .hero { overflow: hidden; position: relative; color: #fff; background: radial-gradient(circle at 75% 18%, rgba(255,139,69,.25), transparent 28%), linear-gradient(135deg, #24102e 0%, #53227c 58%, #703ea1 100%); }
.lp-digital-menu-boards-for-restaurants .hero:after { content: ""; position: absolute; inset: auto -80px -170px auto; width: 480px; height: 480px; border: 80px solid rgba(255,255,255,.04); border-radius: 50%; }
.lp-digital-menu-boards-for-restaurants .hero-grid { min-height: 655px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 58px; padding: 72px 0; }
.lp-digital-menu-boards-for-restaurants .hero-copy { position: relative; z-index: 2; }
.lp-digital-menu-boards-for-restaurants .hero .eyebrow { color: #ffd1b4; }
.lp-digital-menu-boards-for-restaurants .hero h1 { margin: 0 0 22px; max-width: 760px; font-size: clamp(2.7rem, 5.3vw, 5rem); line-height: 1.02; letter-spacing: -.055em; }
.lp-digital-menu-boards-for-restaurants .hero-copy > p:not(.eyebrow) { max-width: 660px; margin: 0; color: #eee5f5; font-size: 1.18rem; }
.lp-digital-menu-boards-for-restaurants .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.lp-digital-menu-boards-for-restaurants .microcopy { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 20px; color: #e1d3eb; font-size: .9rem; }
.lp-digital-menu-boards-for-restaurants .microcopy span:before { content: "✓"; margin-right: 7px; color: #9cf3cc; font-weight: 900; }
.lp-digital-menu-boards-for-restaurants .menu-screen { position: relative; z-index: 2; padding: 13px; border: 1px solid rgba(255,255,255,.22); border-radius: 24px; background: #161118; box-shadow: 0 35px 80px rgba(8,3,12,.5); transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.lp-digital-menu-boards-for-restaurants .menu-screen:before { content: "LIVE MENU"; position: absolute; z-index: 3; top: -14px; right: 25px; padding: 7px 12px; border-radius: 999px; color: #0f543f; background: #bdf6df; font-size: .68rem; font-weight: 900; letter-spacing: .1em; }
.lp-digital-menu-boards-for-restaurants .menu-canvas { overflow: hidden; position: relative; min-height: 410px; padding: 29px; border-radius: 15px; background: linear-gradient(140deg,#fff5e8 0%,#fff 48%,#f8e8d9 100%); color: #1f1a18; }
.lp-digital-menu-boards-for-restaurants .menu-canvas:after { content: ""; position: absolute; top: -62px; right: -62px; width: 180px; height: 180px; border-radius: 50%; background: var(--orange); opacity: .14; }
.lp-digital-menu-boards-for-restaurants .menu-brand { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 23px; border-bottom: 2px solid #241f1d; padding-bottom: 15px; }
.lp-digital-menu-boards-for-restaurants .menu-brand strong { font-size: 1.15rem; letter-spacing: .06em; text-transform: uppercase; }
.lp-digital-menu-boards-for-restaurants .menu-brand span { padding: 6px 10px; border-radius: 20px; color: #fff; background: #e56735; font-size: .68rem; font-weight: 900; }
.lp-digital-menu-boards-for-restaurants .menu-title { max-width: 310px; margin: 0 0 26px; font-family: inherit; font-size: 2.25rem; line-height: .98; }
.lp-digital-menu-boards-for-restaurants .menu-items { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 22px; }
.lp-digital-menu-boards-for-restaurants .dish { border-bottom: 1px dashed #b8aaa0; padding-bottom: 9px; }
.lp-digital-menu-boards-for-restaurants .dish-row { display: flex; justify-content: space-between; gap: 8px; font-weight: 900; }
.lp-digital-menu-boards-for-restaurants .dish small { display: block; margin-top: 4px; color: #766b65; line-height: 1.35; }
.lp-digital-menu-boards-for-restaurants .screen-foot { height: 17px; border-radius: 0 0 18px 18px; background: #080708; }
.lp-digital-menu-boards-for-restaurants .screen-stand { width: 36%; height: 14px; margin: 0 auto; border-radius: 0 0 25px 25px; background: #211b22; }
.lp-digital-menu-boards-for-restaurants .proof-strip { border-bottom: 1px solid var(--line); background: #fff; }
.lp-digital-menu-boards-for-restaurants .proof-grid { min-height: 112px; display: grid; grid-template-columns: 1.1fr repeat(4, 1fr); align-items: center; gap: 26px; }
.lp-digital-menu-boards-for-restaurants .proof-grid > div { padding-left: 24px; border-left: 1px solid var(--line); }
.lp-digital-menu-boards-for-restaurants .proof-grid > div:first-child { padding-left: 0; border-left: 0; }
.lp-digital-menu-boards-for-restaurants .proof-grid strong { display: block; font-size: 1.08rem; }
.lp-digital-menu-boards-for-restaurants .proof-grid span { color: var(--muted); font-size: .86rem; }
.lp-digital-menu-boards-for-restaurants .answer-box { max-width: 920px; margin: 0 auto 45px; padding: 26px 30px; border-left: 5px solid var(--purple); border-radius: 10px; background: var(--purple-soft); }
.lp-digital-menu-boards-for-restaurants .answer-box p { margin: 0; font-size: 1.05rem; }
.lp-digital-menu-boards-for-restaurants .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.lp-digital-menu-boards-for-restaurants .card { padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 10px 35px rgba(36,25,45,.06); }
.lp-digital-menu-boards-for-restaurants .icon { width: 49px; height: 49px; display: grid; place-items: center; margin-bottom: 20px; border-radius: 13px; color: var(--purple); background: var(--purple-soft); font-size: 1.35rem; }
.lp-digital-menu-boards-for-restaurants .card h3 { margin: 0 0 8px; font-size: 1.22rem; }
.lp-digital-menu-boards-for-restaurants .card p { margin: 0; color: var(--muted); }
.lp-digital-menu-boards-for-restaurants .split { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 75px; }
.lp-digital-menu-boards-for-restaurants .split h2 { margin: 0 0 17px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.12; letter-spacing: -.04em; }
.lp-digital-menu-boards-for-restaurants .split-copy > p { color: var(--muted); font-size: 1.06rem; }
.lp-digital-menu-boards-for-restaurants .checks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; margin: 26px 0 30px; padding: 0; list-style: none; }
.lp-digital-menu-boards-for-restaurants .checks li { position: relative; padding-left: 27px; font-weight: 700; }
.lp-digital-menu-boards-for-restaurants .checks li:before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.lp-digital-menu-boards-for-restaurants .schedule-card { padding: 30px; border-radius: 22px; color: #fff; background: #24152d; box-shadow: var(--shadow); }
.lp-digital-menu-boards-for-restaurants .schedule-card h3 { margin-top: 0; }
.lp-digital-menu-boards-for-restaurants .timeline { display: grid; gap: 12px; }
.lp-digital-menu-boards-for-restaurants .time-row { display: grid; grid-template-columns: 84px 1fr auto; align-items: center; gap: 12px; padding: 14px; border-radius: 10px; background: rgba(255,255,255,.08); }
.lp-digital-menu-boards-for-restaurants .time-row strong { color: #ffd0b2; }
.lp-digital-menu-boards-for-restaurants .time-row span:last-child { color: #aef0d7; font-size: .76rem; font-weight: 900; }
.lp-digital-menu-boards-for-restaurants .steps { counter-reset: steps; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.lp-digital-menu-boards-for-restaurants .step { position: relative; padding: 28px 23px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.lp-digital-menu-boards-for-restaurants .step:before { counter-increment: steps; content: counter(steps); width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 17px; border-radius: 50%; color: #fff; background: var(--purple); font-weight: 900; }
.lp-digital-menu-boards-for-restaurants .step h3 { margin: 0 0 8px; font-size: 1.08rem; }
.lp-digital-menu-boards-for-restaurants .step p { margin: 0; color: var(--muted); font-size: .94rem; }
.lp-digital-menu-boards-for-restaurants .devices { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.lp-digital-menu-boards-for-restaurants .device { padding: 13px 18px; border: 1px solid #ddd4e6; border-radius: 999px; background: #fff; font-weight: 800; }
.lp-digital-menu-boards-for-restaurants .price-panel { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 35px; padding: 48px; border-radius: 22px; color: #fff; background: linear-gradient(135deg, #4a2068, #6f3aa1); box-shadow: var(--shadow); }
.lp-digital-menu-boards-for-restaurants .price-panel h2 { margin: 0 0 12px; font-size: clamp(2rem,4vw,3rem); line-height: 1.08; letter-spacing: -.04em; }
.lp-digital-menu-boards-for-restaurants .price-panel p { max-width: 690px; margin: 0; color: #eadff1; }
.lp-digital-menu-boards-for-restaurants .price { min-width: 230px; text-align: center; }
.lp-digital-menu-boards-for-restaurants .price strong { display: block; font-size: 3.5rem; line-height: 1; }
.lp-digital-menu-boards-for-restaurants .price span { display: block; margin: 7px 0 19px; color: #eadff1; font-size: .9rem; }
.lp-digital-menu-boards-for-restaurants .faq { max-width: 900px; margin: 0 auto; }
.lp-digital-menu-boards-for-restaurants details { margin-bottom: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.lp-digital-menu-boards-for-restaurants summary { cursor: pointer; padding: 20px 54px 20px 22px; list-style: none; position: relative; font-weight: 850; }
.lp-digital-menu-boards-for-restaurants summary::-webkit-details-marker { display: none; }
.lp-digital-menu-boards-for-restaurants summary:after { content: "+"; position: absolute; top: 16px; right: 21px; color: var(--purple); font-size: 1.55rem; }
.lp-digital-menu-boards-for-restaurants details[open] summary:after { content: "−"; }
.lp-digital-menu-boards-for-restaurants details p { margin: 0; padding: 0 22px 22px; color: var(--muted); }
.lp-digital-menu-boards-for-restaurants .final-cta { padding: 78px 0; text-align: center; color: #fff; background: #201028; }
.lp-digital-menu-boards-for-restaurants .final-cta h2 { max-width: 760px; margin: 0 auto 15px; font-size: clamp(2.1rem,4vw,3.4rem); line-height: 1.08; letter-spacing: -.04em; }
.lp-digital-menu-boards-for-restaurants .final-cta p { margin: 0 auto 28px; color: #dfd2e7; }
.lp-digital-menu-boards-for-restaurants footer { padding: 28px 0; border-top: 1px solid #372840; color: #c9bbd1; background: #201028; font-size: .88rem; }
.lp-digital-menu-boards-for-restaurants .footer-row { display: flex; justify-content: space-between; gap: 20px; }
.lp-digital-menu-boards-for-restaurants .footer-row a { color: #fff; }
@media (max-width: 960px) {
.lp-digital-menu-boards-for-restaurants .nav-links a:not(.btn) { display: none; }
.lp-digital-menu-boards-for-restaurants .hero-grid,
.lp-digital-menu-boards-for-restaurants .split { grid-template-columns: 1fr; }
.lp-digital-menu-boards-for-restaurants .hero-grid { padding-top: 65px; }
.lp-digital-menu-boards-for-restaurants .menu-screen { max-width: 640px; transform: none; }
.lp-digital-menu-boards-for-restaurants .proof-grid { grid-template-columns: repeat(2,1fr); padding: 25px 0; }
.lp-digital-menu-boards-for-restaurants .proof-grid > div { padding: 10px 0; border: 0; }
.lp-digital-menu-boards-for-restaurants .cards { grid-template-columns: 1fr 1fr; }
.lp-digital-menu-boards-for-restaurants .steps { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.lp-digital-menu-boards-for-restaurants .container { width: min(100% - 28px, 1160px); }
.lp-digital-menu-boards-for-restaurants .section { padding: 62px 0; }
.lp-digital-menu-boards-for-restaurants .nav-links .btn { min-height: 42px; padding: 0 15px; font-size: .85rem; }
.lp-digital-menu-boards-for-restaurants .hero-grid { min-height: 0; gap: 42px; padding: 54px 0; }
.lp-digital-menu-boards-for-restaurants .hero h1 { font-size: 2.65rem; }
.lp-digital-menu-boards-for-restaurants .menu-canvas { min-height: 360px; padding: 22px; }
.lp-digital-menu-boards-for-restaurants .menu-title { font-size: 1.8rem; }
.lp-digital-menu-boards-for-restaurants .menu-items,
.lp-digital-menu-boards-for-restaurants .cards,
.lp-digital-menu-boards-for-restaurants .steps,
.lp-digital-menu-boards-for-restaurants .checks { grid-template-columns: 1fr; }
.lp-digital-menu-boards-for-restaurants .proof-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
.lp-digital-menu-boards-for-restaurants .price-panel { grid-template-columns: 1fr; padding: 34px 25px; text-align: center; }
.lp-digital-menu-boards-for-restaurants .footer-row { flex-direction: column; text-align: center; }
}