*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e8f0ff;background:#0a1429;font-family:Montserrat,sans-serif;line-height:1.5;overflow-x:hidden}:root{--accent:#ff520d;--accent-glow:#ff520d59;--accent-dim:#ff520d1f;--text:#e8f0ff;--text-dim:#f2f0f0;--glass:#ffffff08;--gb:#ffffff12;--navy:#0a1429;--navy-2:#12284c;--gold:#ffb347;--gold-dim:#ffb34726}h1,h2,h3,h4,h5{font-weight:800;line-height:1.2}.container{max-width:1400px;margin:0 auto;padding:0 30px}@media (max-width:768px){.container{padding:0 10px}}section{padding:100px 0;position:relative}.section-title{text-align:center;margin-bottom:64px;position:relative}.section-title h2{color:#fff;letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(28px,4.5vw,54px);font-weight:900;line-height:1.05;display:inline-block;position:relative}.section-title h2 span{color:#0000;-webkit-text-stroke:1.5px var(--accent)}.section-title p{color:var(--text-dim);max-width:640px;margin:28px auto 0;font-size:.95rem;line-height:1.85}.hero{color:var(--text);background:linear-gradient(135deg,#0a1429 0%,#12284c 100%);align-items:center;min-height:100vh;padding:110px 0 90px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;z-index:1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-bg-pattern{opacity:.06;background-image:radial-gradient(circle at 20% 30%, var(--accent) 1.5px, transparent 1.5px), radial-gradient(circle at 80% 70%, var(--accent) 1.5px, transparent 1.5px);background-size:60px 60px;width:100%;height:100%;animation:20s linear infinite patternFloat;position:absolute;top:0;left:0}@keyframes patternFloat{0%{background-position:0 0}to{background-position:60px 60px}}.floating-food{z-index:1;pointer-events:none;opacity:.22;place-items:center;width:44px;height:44px;display:grid;position:absolute}.floating-food-icon{fill:none;stroke:#ffffffd1;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #ff520d59);width:100%;height:100%}.food-1{animation:25s ease-in-out infinite floatFood;top:15%;left:10%}.food-2{animation:30s ease-in-out infinite reverse floatFood;top:30%;right:15%}.food-3{animation:35s ease-in-out infinite floatFood;bottom:25%;left:20%}.food-4{animation:40s ease-in-out infinite reverse floatFood;bottom:15%;right:10%}.food-5{animation:28s ease-in-out infinite floatFood;top:60%;left:5%}.food-6{animation:32s ease-in-out infinite floatFood;top:20%;right:5%}@keyframes floatFood{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-40px)rotate(10deg)scale(1.2)}}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-text{position:relative}.hero-eyebrow{letter-spacing:.3em;color:var(--accent);text-transform:uppercase;opacity:0;align-items:center;gap:12px;margin-bottom:22px;font-size:10px;font-weight:700;animation:.8s .2s forwards fadeUp;display:flex}.hero-eyebrow:before{content:"";background:var(--accent);flex-shrink:0;width:32px;height:1.5px}.hero-title{color:#fff;letter-spacing:-.04em;opacity:0;margin-bottom:25px;font-size:clamp(36px,5.5vw,68px);font-weight:900;line-height:.95;animation:.8s .4s forwards fadeUp}.hero-title .gradient-text{color:#0000;-webkit-text-stroke:1.5px var(--accent);animation:3s infinite glitch;display:block;position:relative}.hero-title .gradient-text:after{content:"Digital Web-Menu Magic";color:#0000;-webkit-text-stroke:1.5px var(--gold);opacity:0;animation:3s .1s infinite glitch;position:absolute;top:0;left:0}@keyframes glitch{0%,to{opacity:1;transform:translate(0)}5%{opacity:.8;transform:translate(-2px)}10%{opacity:1;transform:translate(2px)}15%{opacity:1}96%{opacity:1}98%{opacity:.6;transform:translate(1px)}}.hero-subtitle{color:var(--text-dim);opacity:0;max-width:460px;margin-bottom:30px;font-size:.95rem;font-weight:400;line-height:1.85;animation:.8s .55s forwards fadeUp}.hero-cta{opacity:0;flex-wrap:wrap;gap:14px;margin-top:28px;animation:.8s .85s forwards fadeUp;display:flex}.btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;text-decoration:none;transition:box-shadow .3s,transform .2s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn-primary{background:var(--accent);color:#fff;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);padding:15px 36px}.btn-primary:hover{box-shadow:0 0 48px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-dim);border:1px solid var(--gb);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:0 0;padding:14px 30px}.btn-secondary:hover{color:var(--text);border-color:#ffffff40}.btn-outline{color:var(--accent);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:0 0;border:1px solid #ff520d66;padding:14px 30px}.btn-outline:hover{background:var(--accent-dim)}.menu-display-wrapper{perspective:1100px;opacity:0;animation:1s .6s forwards fadeUp;position:relative}.three-d-menu-container{width:100%;height:520px;transform-style:preserve-3d;animation:8s ease-in-out 2s infinite cardAutoFlip;position:relative}@keyframes cardAutoFlip{0%,20%{transform:rotateY(0)}30%,50%{transform:rotateY(180deg)}60%,80%{transform:rotateY(0)rotateX(8deg)}90%,to{transform:rotateY(0)}}.card-front-side,.card-back-side{backface-visibility:hidden;border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 48px 96px #0000008c,0 0 0 1px #ff520d33,inset 0 0 60px #ff520d0a}.card-front-side{z-index:2;background:linear-gradient(160deg,#0e1f45 0%,#0a1429 60%,#0f1e3a 100%);border:2px solid #ff520d59;flex-direction:column;padding:28px 28px 20px;display:flex;transform:rotateY(0)}.card-front-side:after{content:"";pointer-events:none;background-image:linear-gradient(#ff520d08 1px,#0000 1px),linear-gradient(90deg,#ff520d08 1px,#0000 1px);background-size:32px 32px;border-radius:24px;position:absolute;inset:0}.card-front-side:before{content:"";background:linear-gradient(90deg, var(--accent), #ffb34799, var(--accent));width:100%;height:3px;box-shadow:0 0 18px var(--accent-glow);border-radius:24px 24px 0 0;position:absolute;top:0;left:0}.card-header-section{text-align:center;z-index:1;border-bottom:1px solid #ff520d33;margin-bottom:22px;padding-bottom:16px;position:relative}.card-header-section h3{color:var(--accent);letter-spacing:-.03em;text-shadow:0 0 28px #ff520d66;margin-bottom:4px;font-size:2rem;font-weight:900}.card-header-section p{color:var(--text-dim);letter-spacing:.06em;font-size:.82rem;font-style:italic}.card-items-list{z-index:1;flex-direction:column;flex-grow:1;gap:10px;display:flex;position:relative}.card-list-item{cursor:default;background:#ffffff08;border:1px solid #ff520d1a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 18px;transition:all .3s;display:flex}.card-list-item:hover{background:var(--accent-dim);border-color:#ff520d59;transform:translate(6px);box-shadow:4px 0 16px #ff520d1f}.card-list-item:before{content:"";background:var(--accent);border-radius:10px 0 0 10px;width:0;height:calc(100% - 2px);transition:width .3s;position:absolute;left:0}.card-list-item:hover:before{width:3px}.item-title-name{color:var(--text);letter-spacing:.01em;font-size:.88rem;font-weight:600}.item-price-value{color:var(--accent);letter-spacing:-.01em;background:var(--accent-dim);border:1px solid #ff520d33;border-radius:20px;padding:3px 10px;font-size:.95rem;font-weight:800}.card-qr-section{text-align:center;z-index:1;border-top:1px solid #ff520d26;margin-top:auto;padding-top:16px;position:relative}.qr-code-box{color:#0a1429;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 8px;font-size:1.8rem;display:flex;position:relative;box-shadow:0 0 20px #ff520d33,0 4px 16px #0006}.qr-code-box:after{content:"";border:1.5px solid #ff520d66;border-radius:14px;animation:2s ease-in-out infinite qrPulse;position:absolute;inset:-5px}@keyframes qrPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06);box-shadow:0 0 16px #ff520d4d}}.qr-code-text{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:600}.card-back-side{text-align:center;background:linear-gradient(160deg,#12284c 0%,#0a1429 100%);border:2px solid #ff520d59;flex-direction:column;justify-content:center;align-items:center;padding:32px 28px;display:flex;transform:rotateY(180deg)}.card-back-side:after{content:"";background:linear-gradient(90deg, var(--gold), var(--accent), var(--gold));border-radius:24px 24px 0 0;width:100%;height:3px;position:absolute;top:0;left:0;box-shadow:0 0 18px #ffb34766}.card-back-side:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ff520d0a 50%,#0000 70%),linear-gradient(135deg,#0000 30%,#ffb3470a 50%,#0000 70%);border-radius:24px;animation:4s linear infinite cardScan;position:absolute;inset:0}@keyframes cardScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.card-back-side h3{color:#fff;letter-spacing:-.035em;z-index:1;margin-bottom:10px;font-size:1.7rem;font-weight:900;position:relative}.card-back-side h3 span{color:var(--accent)}.card-back-side>p{color:var(--text-dim);z-index:1;max-width:320px;margin-bottom:24px;font-size:.88rem;line-height:1.7;position:relative}.back-features-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-top:8px;display:grid;position:relative}.back-feature-item{text-align:center;cursor:default;background:#ffffff08;border:1px solid #ff520d26;border-radius:12px;padding:16px 10px;transition:all .3s}.back-feature-item:hover{background:var(--accent-dim);border-color:#ff520d66;transform:translateY(-4px);box-shadow:0 12px 28px #ff520d1f}.back-feature-item i{color:var(--accent);margin-bottom:10px;font-size:1.6rem;transition:transform .3s;display:block}.back-feature-item:hover i{transform:scale(1.15)}.back-feature-item span{color:var(--text);letter-spacing:.02em;font-size:.78rem;font-weight:700}@media (max-width:1200px){.three-d-menu-container{max-width:600px;height:480px;margin:0 auto}}@media (max-width:768px){.three-d-menu-container{height:420px}.card-header-section h3{font-size:1.6rem}}@media (max-width:480px){.three-d-menu-container{height:400px}.card-front-side,.card-back-side{padding:18px 16px}.card-list-item{padding:10px 14px}.item-title-name{font-size:.82rem}.back-features-grid{grid-template-columns:1fr}.card-back-side h3{font-size:1.4rem}}.wd-ticker{z-index:2;border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);background:#ff520d06;padding:18px 0;position:relative;overflow:hidden}.wd-ticker__track{align-items:center;width:max-content;animation:30s linear infinite tickerScroll;display:flex}.wd-ticker__item{letter-spacing:.18em;text-transform:uppercase;color:var(--text);white-space:nowrap;align-items:center;gap:12px;padding:0 28px;font-size:10px;font-weight:700;transition:color .3s;display:flex}.wd-ticker__item:hover,.wd-ticker__sep{color:var(--accent)}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.how-it-works{border-top:1px solid var(--gb);background:linear-gradient(#0a1429 0%,#0d1e3d 100%)}.steps-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;margin-top:16px;display:grid}.step-card{background:var(--glass);border:1px solid var(--gb);cursor:default;text-align:center;padding:44px 28px 40px;transition:border-color .4s,background .4s,transform .35s;position:relative;overflow:hidden}.step-card:before{content:"";background:linear-gradient(90deg, var(--accent), #ff823266);transform-origin:0;width:100%;height:3px;box-shadow:0 0 12px var(--accent-glow);transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.step-card:hover{background:#ff520d0a;border-color:#ff520d4d;transform:translateY(-6px)}.step-card:hover:before{transform:scaleX(1)}.step-number{letter-spacing:.1em;color:var(--accent);background:#0a1429;border:1px solid #ff520d4d;border-top:none;border-radius:0 0 8px 8px;padding:4px 14px;font-size:10px;font-weight:800;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.step-image{filter:brightness(.6)saturate(.7);background-position:50%;background-size:cover;border:1px solid #ff520d1a;border-radius:6px;width:100%;height:170px;margin:18px 0;transition:filter .4s}.step-card:hover .step-image{filter:brightness(.75)saturate(.85)}.step-card h3{color:#fff;letter-spacing:-.01em;margin-bottom:12px;font-size:1rem;font-weight:800}.step-card p{color:var(--text-dim);font-size:.85rem;line-height:1.85}.scanner-standee{border-top:1px solid var(--gb);background:linear-gradient(135deg,#0a1429 0%,#12284c 100%)}.scanner-content{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:48px;display:grid}.scanner-image{filter:brightness(.8)saturate(.7);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #ff520d26;border-radius:4px;width:100%;height:400px;box-shadow:0 24px 64px #0006}.scanner-features{flex-direction:column;gap:28px;display:flex}.scanner-feature{align-items:flex-start;gap:18px;display:flex}.scanner-icon{width:50px;height:50px;color:var(--accent);background:#fff;border:1px solid #ff520d33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:transform .3s,box-shadow .3s;display:flex}.scanner-feature:hover .scanner-icon{box-shadow:0 0 18px var(--accent-glow);transform:scale(1.08)}.scanner-text h4{color:#fff;letter-spacing:-.01em;margin-bottom:7px;font-size:1rem;font-weight:800}.scanner-text p{color:var(--text-dim);font-size:.85rem;line-height:1.85}.restaurant-types{border-top:1px solid var(--gb);background:linear-gradient(#0d1e3d 0%,#0a1429 100%)}.types-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;margin-top:16px;display:grid}.type-card{background:var(--glass);border:1px solid var(--gb);cursor:default;flex-direction:column;transition:border-color .4s,background .4s,transform .35s;display:flex;position:relative;overflow:hidden}.type-card:before{content:"";background:linear-gradient(90deg, var(--accent), #ff823266);transform-origin:0;width:100%;height:3px;box-shadow:0 0 12px var(--accent-glow);z-index:2;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.type-card:hover{background:#ff520d0a;border-color:#ff520d59;transform:translateY(-6px)}.type-card:hover:before{transform:scaleX(1)}.type-image{filter:brightness(.55)saturate(.65);background-position:50%;background-size:cover;width:100%;height:200px;transition:filter .5s,transform .5s;position:relative;overflow:hidden}.type-card:hover .type-image{filter:brightness(.7)saturate(.8);transform:scale(1.03)}.type-image-overlay{background:linear-gradient(#0000 40%,#0a1429f2);align-items:flex-end;padding:18px;display:flex;position:absolute;inset:0}.type-image-overlay h3{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px #0009;font-size:1.2rem;font-weight:800}.type-content{flex-direction:column;flex:1;padding:24px 28px 32px;display:flex}.type-icon{background:var(--accent-dim);width:50px;height:50px;color:var(--accent);border:1px solid #ff520d33;border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:1.3rem;transition:transform .3s,box-shadow .3s;display:flex}.type-card:hover .type-icon{box-shadow:0 0 20px var(--accent-glow);transform:scale(1.1)}.type-card h3{color:#fff;letter-spacing:-.01em;margin-bottom:10px;font-size:1rem;font-weight:800}.type-card p{color:var(--text-dim);flex:1;margin-bottom:14px;font-size:.85rem;line-height:1.85}.type-features{margin-top:8px;list-style:none}.type-features li{color:var(--text-dim);border-bottom:1px solid var(--gb);align-items:center;gap:10px;padding:7px 0;font-size:.82rem;font-weight:500;display:flex}.type-features li:last-child{border:none}.type-features li i{color:var(--accent);font-size:.72rem}.features{border-top:1px solid var(--gb);background:linear-gradient(135deg,#0a1429 0%,#12284c 100%)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;margin-top:16px;display:grid}.feature-item{background:var(--glass);border:1px solid var(--gb);text-align:center;cursor:default;padding:40px 30px;transition:border-color .4s,background .4s,transform .35s;position:relative;overflow:hidden}.feature-item:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#ff520d14 0%,#12284c26 100%);transition:opacity .4s;position:absolute;inset:0}.feature-item:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:3px;box-shadow:0 0 12px var(--accent-glow);transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.feature-item:hover:before{opacity:1}.feature-item:hover:after{transform:scaleX(1)}.feature-item:hover{border-color:#ff520d4d;transform:translateY(-8px);box-shadow:0 24px 48px #ff520d1a}.feature-item-icon{color:var(--accent);z-index:1;margin-bottom:20px;font-size:2.6rem;transition:transform .4s;display:block;position:relative}.feature-item:hover .feature-item-icon{transform:scale(1.12)rotate(6deg)}.feature-item h3{color:#fff;letter-spacing:-.01em;z-index:1;margin-bottom:12px;font-size:1rem;font-weight:800;position:relative}.feature-item p{color:var(--text-dim);z-index:1;font-size:.85rem;line-height:1.85;position:relative}.feature-item:hover p{color:#e8f0ffd9}.cta{text-align:center;border-top:1px solid var(--gb);background:linear-gradient(135deg,#0a1429,#12284c);position:relative}.cta:before{content:"";pointer-events:none;background:radial-gradient(#ff520d12 0%,#0000 70%);width:60%;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:2;max-width:780px;margin:0 auto;position:relative}.cta-label{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);justify-content:center;align-items:center;gap:12px;margin-bottom:22px;font-size:10px;font-weight:700;display:flex}.cta-label:before,.cta-label:after{content:"";background:var(--accent);width:40px;height:1.5px}.cta h2{color:#fff;letter-spacing:-.035em;margin-bottom:22px;font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1.05}.cta h2 .ghost{color:#0000;-webkit-text-stroke:1px #e8f0ff73}.cta p{color:var(--text-dim);margin-bottom:44px;font-size:.95rem;line-height:1.85}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.hero-content{grid-template-columns:1fr;gap:50px}}@media (max-width:992px){.scanner-content{grid-template-columns:1fr;gap:44px}}@media (max-width:768px){section{padding:72px 0}.hero{min-height:auto;padding:130px 0 60px}.hero-features{grid-template-columns:1fr}.hero-cta{flex-direction:column}.btn{width:100%;max-width:300px}.types-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:2rem}}@media (prefers-reduced-motion:reduce){.wd-ticker__track{animation-play-state:paused!important}}