.hero-visual{justify-content:center;align-items:center;width:100%;padding:2rem 0;display:flex;position:relative}.phone-wrap{animation:4s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.phone{z-index:2;background:#111;border-radius:36px;width:260px;height:530px;padding:10px;position:relative;box-shadow:0 0 0 1px #333,0 40px 80px #00000040,0 10px 30px #00000026}.phone-screen{background:#fff;border-radius:28px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:10;background:#111;border-radius:0 0 14px 14px;width:90px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.menu-header{background:var(--red);color:#fff;border-radius:28px 28px 0 0;flex-shrink:0;padding:30px 14px 14px}.menu-restaurant-name{letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:.7rem;font-weight:700}.menu-tagline{opacity:.8;font-size:.55rem}.menu-search{color:#ffffffb3;background:#fff3;border-radius:6px;align-items:center;gap:4px;margin-top:8px;padding:5px 8px;font-size:.55rem;display:flex}.menu-categories{border-bottom:1px solid #f0f0f0;flex-shrink:0;gap:6px;padding:8px 12px;display:flex;overflow-x:hidden}.menu-cat{white-space:nowrap;border-radius:100px;padding:3px 8px;font-size:.55rem;font-weight:600}.menu-cat.active{background:var(--red);color:#fff}.menu-cat:not(.active){color:#666;background:#f5f5f5}.menu-section-label{color:var(--dark);flex-shrink:0;padding:8px 12px 4px;font-size:.6rem;font-weight:700}.menu-items{flex-direction:column;flex:1;gap:8px;padding:0 12px 12px;display:flex;overflow:hidden}.menu-item{opacity:0;border:1px solid #f0f0f0;border-radius:10px;align-items:center;gap:8px;padding:8px;animation:.4s forwards slideIn;display:flex;transform:translate(15px)}.menu-item:first-child{animation-delay:.3s}.menu-item:nth-child(2){animation-delay:.55s}.menu-item:nth-child(3){animation-delay:.8s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.menu-item-img{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.item-1-bg{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.item-2-bg{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.item-3-bg{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.menu-item-info{flex:1;min-width:0}.menu-item-name{color:var(--dark);margin-bottom:1px;font-size:.6rem;font-weight:600}.menu-item-desc{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;overflow:hidden}.menu-item-price{color:var(--red);font-size:.65rem;font-weight:700}.menu-add-btn{background:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}.qr-stand{z-index:3;animation:4s ease-in-out .5s infinite float2;position:absolute;bottom:60px;left:-90px}@keyframes float2{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(-3deg)}}.qr-card{background:#fff;border-radius:10px;width:80px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 8px 30px #00000026}.qr-card-header{background:var(--red);text-align:center;color:#fff;letter-spacing:.05em;text-transform:uppercase;padding:5px;font-size:.42rem;font-weight:700}.qr-code-grid{background:#fff;grid-template-columns:repeat(7,1fr);gap:1.5px;padding:8px;display:grid}.qr-dot{aspect-ratio:1;border-radius:1px}.qr-dot.b{background:#111}.qr-dot.w{background:#fff}.qr-scan-text{text-align:center;color:#999;letter-spacing:.03em;padding:3px 5px 6px;font-size:.4rem}.stat-pill{white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;box-shadow:0 4px 20px #0000001f}.stat-pill-1{animation:5s ease-in-out 1s infinite float3;top:40px;right:-30px}.stat-pill-2{animation:5s ease-in-out 2s infinite float3;bottom:80px;right:-50px}@keyframes float3{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stat-icon{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.stat-green{background:#dcfce7}.stat-blue{background:#dbeafe}.stat-num{color:var(--dark);font-size:.75rem;font-weight:700;line-height:1}.stat-label{color:var(--muted);font-size:.6rem}@media (max-width:768px){.phone{transform-origin:50%;transform:scale(.9)}.stat-pill-1,.stat-pill-2,.qr-stand{display:none}}@media (max-width:480px){.phone{transform:scale(.85)}}