*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#F59E0B;--primary-dark:#D97706;--secondary:#7C3118;--text-dark:#1F2937;--text-light:#6B7280;--bg-light:#FEF3C7;--white:#FFFFFF}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden}.hero{background:linear-gradient(135deg,#FFFDF7,#FEF3C7 40%,#FED7AA);min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero:before{width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,.2) 0,transparent 70%);top:-200px;right:-200px;animation:float 15s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{width:300px;height:300px;background:radial-gradient(circle,rgba(251,146,60,.15) 0,transparent 70%);bottom:-100px;left:-100px;animation:float 12s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}nav{position:absolute;top:0;left:0;right:0;padding:20px 0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;gap:15px}.nav-cta{background:var(--primary);color:white;text-decoration:none;font-weight:600;cursor:pointer;padding:12px 24px;border-radius:25px;transition:all .3s ease;font-size:16px;box-shadow:0 4px 12px rgba(245,158,11,.3)}.nav-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.4)}.nav-signin{background:#1F2937;color:white;text-decoration:none;font-weight:600;cursor:pointer;padding:12px 24px;border-radius:25px;transition:all .3s ease;font-size:16px;box-shadow:0 4px 12px rgba(31,41,55,.3)}.nav-signin:hover{background:#111827;transform:translateY(-2px);box-shadow:0 6px 20px rgba(31,41,55,.4)}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.logo{display:flex;align-items:center;gap:23px;font-size:55px;font-weight:800;color:var(--primary);text-decoration:none;margin-bottom:46px}.logo-icon{width:80px;height:80px}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;padding:120px 0 60px}.hero-text h1{font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.2;margin-bottom:20px;color:var(--text-dark);animation:slideInLeft .8s ease-out}.hero-text h1 span{color:var(--primary);position:relative}.hero-text p{font-size:20px;color:var(--text-light);margin-bottom:30px;animation:slideInLeft .8s ease-out .2s backwards}.badge{display:inline-block;background:var(--primary);color:white;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;margin-bottom:20px;animation:slideInLeft .8s ease-out .1s backwards}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.form-container{background:white;padding:60px;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);animation:slideInRight .8s ease-out .4s both;position:relative;overflow:hidden;width:600px;max-width:90vw;box-sizing:border-box;transform:scale(1.15)}.form-container:before{content:"🍕";position:absolute;font-size:100px;opacity:.05;top:-30px;right:-20px;transform:rotate(15deg)}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px) scale(1.15)}to{opacity:1;transform:translateX(0) scale(1.15)}}.form-header{text-align:center;margin-bottom:30px}.form-header h2{font-size:28px;margin-bottom:10px;color:var(--text-dark)}.form-header p{color:var(--text-light)}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark)}input{width:100%;padding:14px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;transition:all .3s ease}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(245,158,11,.1)}.btn-primary{width:100%;padding:16px;background:var(--primary);color:white;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:56px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px rgba(245,158,11,.3)}.btn-primary:active{transform:translateY(0)}.features{padding:100px 0;background:white}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:42px;margin-bottom:20px;color:var(--text-dark)}.section-header p{font-size:20px;color:var(--text-light);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-bottom:60px}.feature-card{padding:30px;border-radius:15px;background:#FFFBEB;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);transform:scaleY(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.feature-card:hover:before{transform:scaleY(1)}.feature-icon{font-size:40px;margin-bottom:15px}.feature-card h3{font-size:24px;margin-bottom:15px;color:var(--text-dark)}.feature-card p{color:var(--text-light);line-height:1.6}.comparison{padding:100px 0;background:linear-gradient(180deg,#FFFBEB,#FEF3C7)}.comparison-table{max-width:900px;margin:0 auto;background:white;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}.comparison-header{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--text-dark);color:white;font-weight:600}.comparison-header>div{padding:20px;text-align:center}.comparison-header .highlight{background:var(--primary);position:relative}.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #e5e7eb}.comparison-row:last-child{border-bottom:none}.comparison-row>div{padding:20px;text-align:center}.comparison-row>div:first-child{text-align:left;font-weight:500}.check{color:#10B981}.check,.cross{font-size:24px}.cross{color:#EF4444}.cta{padding:100px 0;background:var(--text-dark);color:white;text-align:center}.cta h2{font-size:42px;margin-bottom:20px}.cta p{font-size:20px;margin-bottom:40px;opacity:.9}.cta-button{display:inline-block;padding:18px 40px;background:var(--primary);color:white;text-decoration:none;border-radius:10px;font-size:18px;font-weight:600;transition:all .3s ease;cursor:pointer}.cta-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px rgba(245,158,11,.3)}.app-demo{padding:120px 0;background:linear-gradient(135deg,#1F2937,#111827);color:white;overflow:hidden;position:relative}.app-demo:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(245,158,11,.1) 0,transparent 70%);border-radius:50%;top:-300px;left:-300px;animation:float 20s ease-in-out infinite}.demo-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;position:relative;z-index:1}.demo-text h2{font-size:48px;margin-bottom:20px;font-weight:800}.demo-text p{font-size:20px;opacity:.9;margin-bottom:30px;line-height:1.6}.demo-features{display:flex;flex-direction:column;gap:20px}.demo-feature{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(255,255,255,.05);border-radius:10px;transition:all .3s ease}.demo-feature.active,.demo-feature:hover{background:rgba(255,255,255,.1);transform:translateX(5px)}.demo-feature-icon{font-size:24px;width:40px;height:40px;background:var(--primary);border-radius:8px}.demo-feature-icon,.demo-phones{display:flex;align-items:center;justify-content:center}.demo-phones{position:relative;flex-direction:column;height:600px}.phone-mockup{width:280px;height:560px;background:#000;border-radius:35px;padding:20px;border:4px solid #333;box-shadow:0 30px 60px rgba(0,0,0,.5);transform:perspective(1000px) rotateX(5deg) rotateY(-3deg);transition:all .6s ease}.phone-mockup:hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1.05)}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#F59E0B,#FED7AA);border-radius:25px;position:relative;overflow:hidden;transition:background .3s ease}.phone-screen.delivery-theme,.phone-screen.restaurant-theme{background:linear-gradient(180deg,#F8F9FA,#FFFFFF)}.phone-content{padding:30px 20px;height:100%;display:flex;flex-direction:column}.phone-screens-container{position:relative;flex:1 1;overflow:hidden}.phone-screen-content{position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;transition:opacity .4s ease;pointer-events:auto}.phone-screen-content.hidden{opacity:0;pointer-events:none}.phone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.phone-title{font-size:24px;font-weight:800;color:white}.phone-location{font-size:14px;color:rgba(255,255,255,.9)}.restaurant-grid{display:grid;grid-gap:15px;gap:15px;flex:1 1}.restaurant-card{background:white;border-radius:12px;padding:15px;display:flex;gap:12px;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.08);animation:cardSlideIn .8s ease-out var(--delay,0s) backwards;border:1px solid rgba(0,0,0,.06)}.restaurant-avatar{width:50px;height:50px;border-radius:12px;background:linear-gradient(45deg,var(--primary),#FB923C);display:flex;align-items:center;justify-content:center;font-size:20px;color:white;font-weight:700;box-shadow:0 2px 8px rgba(245,158,11,.3)}.restaurant-info h4{font-size:16px;font-weight:700;margin-bottom:4px;color:#1F2937}.restaurant-info p{font-size:12px;color:#6B7280;margin:0}.restaurant-admin{background:linear-gradient(180deg,#1F2937,#111827)}.restaurant-admin .restaurant-card{background:rgba(255,255,255,.1);color:white}.restaurant-admin .restaurant-info h4,.restaurant-admin .restaurant-info p{color:white}.restaurant-admin .phone-title{color:var(--primary)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ipad-admin{padding:120px 0;background:#F8FAFC;position:relative}.ipad-admin:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.05) 0,transparent 70%);border-radius:50%;top:-200px;right:-200px}.ipad-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;position:relative;z-index:1}.ipad-text h2{font-size:48px;margin-bottom:20px;font-weight:800;color:var(--text-dark)}.ipad-text p{font-size:20px;color:var(--text-light);margin-bottom:30px;line-height:1.6}.ipad-features{display:flex;flex-direction:column;gap:20px}.ipad-feature{display:flex;align-items:center;gap:15px;padding:20px;background:white;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:all .3s ease}.ipad-feature.active,.ipad-feature:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.ipad-feature-icon{font-size:24px;width:50px;height:50px;background:var(--bg-light);border-radius:12px}.ipad-feature-icon,.ipad-mockup-container{display:flex;align-items:center;justify-content:center}.ipad-mockup-container{flex-direction:column;position:relative}.ipad-mockup{width:700px;height:500px;background:#000;border-radius:40px;padding:25px;box-shadow:0 40px 80px rgba(0,0,0,.3);transform:perspective(1000px) rotateX(5deg) rotateY(-5deg);transition:all .6s ease}.ipad-mockup:hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1.02)}.ipad-screen{width:100%;height:100%;background:linear-gradient(135deg,#1F2937,#111827);border-radius:25px;position:relative;overflow:hidden}.ipad-content-area{padding:30px;height:100%;display:flex;flex-direction:column;color:white}.ipad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.ipad-title{font-size:24px;font-weight:800;color:var(--primary)}.ipad-stats{display:flex;gap:25px;font-size:12px}.stat-item{text-align:center}.stat-number{font-size:20px;font-weight:700;color:var(--primary)}.orders-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;gap:15px;flex:1 1}.ipad-screens-container{position:relative;flex:1 1;overflow:hidden}.ipad-screen-content{position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;transform:translateX(0);transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.ipad-screen-content.hidden{opacity:0;transform:translateX(20px);pointer-events:none}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;flex:1 1}.analytics-card{background:rgba(255,255,255,.05);border-radius:15px;padding:20px;border-left:4px solid var(--primary)}.analytics-title{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:10px}.analytics-value{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:5px}.analytics-change{font-size:12px;color:#10B981}.menu-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;flex:1 1}.menu-item{background:rgba(255,255,255,.05);border-radius:15px;padding:15px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--primary)}.menu-info h4{font-size:16px;margin-bottom:5px;color:white}.menu-info p{font-size:12px;color:rgba(255,255,255,.7);margin:0}.menu-price{font-size:18px;font-weight:700;color:var(--primary)}.device-progress-container{display:flex;justify-content:center;margin-top:30px;opacity:1;transition:opacity .3s ease}.device-progress-container.hidden{opacity:0}.progress-bar{width:60px;height:6px;background:rgba(0,0,0,.1);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#9CA3AF;border-radius:3px;transition:width .1s linear}.order-card{background:rgba(255,255,255,.05);border-radius:15px;padding:20px;border-left:4px solid var(--primary);transition:all .3s ease;animation:orderSlideIn .8s ease-out var(--delay,0s) backwards}.order-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.order-header{display:flex;justify-content:between;align-items:center;margin-bottom:15px}.order-id{font-size:18px;font-weight:700;color:var(--primary)}.order-status{font-size:12px;padding:4px 8px;border-radius:8px;background:rgba(16,185,129,.2);color:#10B981;border:1px solid rgba(16,185,129,.3)}.order-details{font-size:14px;color:rgba(255,255,255,.8);line-height:1.5}.order-time{font-size:12px;color:rgba(255,255,255,.6);margin-top:10px}@keyframes orderSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.success-message{display:none;padding:15px;background:#10B981;color:white;border-radius:10px;margin-top:20px;text-align:center;animation:slideUp .5s ease-out}.success-message.show{display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-content{padding:100px 0 40px}.demo-content,.features-grid,.hero-content{grid-template-columns:1fr}.demo-content{gap:60px;text-align:center}.demo-text h2{font-size:36px}.demo-phones{height:400px}.phone-mockup{width:250px;height:500px;padding:18px}.phone-content{padding:20px 15px}.phone-title{font-size:20px}.restaurant-card{padding:12px}.restaurant-avatar{width:40px;height:40px;font-size:16px}.restaurant-info h4{font-size:14px}.restaurant-info p{font-size:11px}.ipad-content{grid-template-columns:1fr;gap:60px;text-align:center}.ipad-text h2{font-size:36px}.ipad-mockup{width:450px;height:320px;padding:15px;transform:none}.ipad-mockup:hover{transform:scale(1.02)}.ipad-content-area{padding:25px}.ipad-title{font-size:20px}.ipad-stats{gap:20px;font-size:12px}.stat-number{font-size:18px}.orders-grid{grid-template-columns:1fr;gap:15px}.order-card{padding:15px}.order-id{font-size:16px}.order-details{font-size:12px}.comparison-header,.comparison-row{font-size:14px}.nav-cta,.nav-signin{font-size:14px;padding:10px 20px}.nav-container{gap:10px}}