.public-homepage{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.public-homepage .homepage-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-bottom:1px solid #0000001a;transition:all .3s;position:fixed;top:0;left:0;right:0}.public-homepage .homepage-nav .nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.public-homepage .homepage-nav .nav-logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.public-homepage .homepage-nav .nav-actions{align-items:center;gap:1rem;display:flex}.public-homepage .homepage-nav .nav-actions .nav-login{color:#6b7280}.public-homepage .homepage-nav .nav-actions .nav-login:hover{color:#374151}.public-homepage .homepage-nav .nav-actions .nav-signup{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:.75rem;padding:.5rem 1.5rem;font-weight:600;transition:transform .2s}.public-homepage .homepage-nav .nav-actions .nav-signup:hover{transform:translateY(-1px)}.public-homepage .hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.public-homepage .hero-section:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;inset:0}.public-homepage .hero-section .hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid;position:relative}.public-homepage .hero-section .hero-content{color:#fff}.public-homepage .hero-section .hero-content .hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:.8s ease-out fadeInUp;display:inline-flex}.public-homepage .hero-section .hero-content .hero-badge span:first-child{font-weight:600}.public-homepage .hero-section .hero-content .hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1;animation:.8s ease-out .2s both fadeInUp}.public-homepage .hero-section .hero-content .hero-title .hero-highlight{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.public-homepage .hero-section .hero-content .hero-description{opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6;animation:.8s ease-out .4s both fadeInUp}.public-homepage .hero-section .hero-content .hero-actions{animation:.8s ease-out .6s both fadeInUp}.public-homepage .hero-section .hero-content .hero-actions .hero-cta{color:#667eea;background:#fff;border:none;border-radius:.75rem;align-items:center;margin-bottom:2rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.public-homepage .hero-section .hero-content .hero-actions .hero-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.public-homepage .hero-section .hero-content .hero-actions .hero-features{flex-direction:column;gap:.75rem;display:flex}.public-homepage .hero-section .hero-content .hero-actions .hero-features .feature-item{opacity:.9;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.public-homepage .hero-section .hero-content .hero-actions .hero-features .feature-item svg{color:#10b981;background:#fff;border-radius:50%;padding:2px}.public-homepage .hero-section .hero-visual{justify-content:center;align-items:center;animation:1s ease-out .8s both fadeInRight;display:flex}.public-homepage .hero-section .hero-visual .phone-mockup{background:#1f2937;border-radius:2rem;width:280px;height:560px;padding:1rem;position:relative;box-shadow:0 25px 50px #0000004d}.public-homepage .hero-section .hero-visual .phone-mockup:before{content:"";background:#4b5563;border-radius:2px;width:60px;height:4px;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen{text-align:center;background:#fff;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;height:100%;padding:2rem 1.5rem;display:flex}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-header{margin-bottom:2rem}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-header .mockup-logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-header .mockup-restaurant{color:#6b7280;font-size:1rem;font-weight:500}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-progress{margin-bottom:2rem}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-progress .progress-circle{border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;animation:3s linear infinite spin;display:flex}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-progress .progress-circle .progress-text{color:#667eea;font-size:1.25rem;font-weight:700}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-progress .progress-info{color:#6b7280;font-size:.875rem;line-height:1.4}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-stamps{gap:.75rem;display:flex}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-stamps .stamp{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-stamps .stamp.filled{color:#fff;background:#667eea;animation:2s infinite pulse}.public-homepage .hero-section .hero-visual .phone-mockup .phone-screen .mockup-stamps .stamp.empty{color:#9ca3af;background:#f3f4f6;border:2px solid #e5e7eb}.public-homepage .benefits-section{background:#f8fafc;padding:6rem 0}.public-homepage .benefits-section .benefits-container{max-width:1200px;margin:0 auto;padding:0 2rem}.public-homepage .benefits-section .section-header{text-align:center;margin-bottom:4rem}.public-homepage .benefits-section .section-header .section-title{color:#1f2937;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.public-homepage .benefits-section .section-header .section-description{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.25rem}.public-homepage .benefits-section .benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.public-homepage .benefits-section .benefit-card{text-align:center;opacity:1;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2.5rem;transition:all .3s;transform:translateY(0);box-shadow:0 4px 6px #0000000d}.public-homepage .benefits-section .benefit-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px #0000001a}.public-homepage .benefits-section .benefit-card .benefit-icon{margin-bottom:1.5rem}.public-homepage .benefits-section .benefit-card .benefit-icon .benefit-emoji{font-size:3rem;display:block}.public-homepage .benefits-section .benefit-card .benefit-title{color:#1f2937;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.public-homepage .benefits-section .benefit-card .benefit-description{color:#6b7280;line-height:1.6}.public-homepage .benefits-section.animate-in .benefit-card{animation:.8s ease-out forwards fadeInUp}.public-homepage .benefits-section.animate-in .benefit-card:first-child{animation-delay:.1s}.public-homepage .benefits-section.animate-in .benefit-card:nth-child(2){animation-delay:.2s}.public-homepage .benefits-section.animate-in .benefit-card:nth-child(3){animation-delay:.3s}.public-homepage .steps-section{background:#fff;padding:6rem 0}.public-homepage .steps-section .steps-container{max-width:1000px;margin:0 auto;padding:0 2rem}.public-homepage .steps-section .steps-timeline{position:relative}.public-homepage .steps-section .steps-timeline .step-item{opacity:1;align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex;position:relative;transform:translate(0)}.public-homepage .steps-section .steps-timeline .step-item .step-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 12px #667eea4d}.public-homepage .steps-section .steps-timeline .step-item .step-content{flex:1;padding-top:.5rem}.public-homepage .steps-section .steps-timeline .step-item .step-content .step-title{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.public-homepage .steps-section .steps-timeline .step-item .step-content .step-description{color:#6b7280;font-size:1.125rem}.public-homepage .steps-section .steps-timeline .step-item .step-connector{opacity:.3;background:linear-gradient(#667eea 0%,#764ba2 100%);width:2px;height:60px;position:absolute;top:60px;left:29px}.public-homepage .steps-section .steps-timeline .step-item:last-child .step-connector{display:none}.public-homepage .steps-section.animate-in .step-item{animation:.8s ease-out forwards slideInLeft}.public-homepage .steps-section.animate-in .step-item:first-child{animation-delay:.1s}.public-homepage .steps-section.animate-in .step-item:nth-child(2){animation-delay:.2s}.public-homepage .steps-section.animate-in .step-item:nth-child(3){animation-delay:.3s}.public-homepage .steps-section.animate-in .step-item:nth-child(4){animation-delay:.4s}.public-homepage .steps-section.animate-in .step-item:nth-child(5){animation-delay:.5s}.public-homepage .final-cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#1f2937 0%,#111827 100%);padding:6rem 0}.public-homepage .final-cta-section .cta-container{max-width:800px;margin:0 auto;padding:0 2rem}.public-homepage .final-cta-section .cta-content{opacity:1;transform:translateY(0)}.public-homepage .final-cta-section .cta-content .cta-title{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.public-homepage .final-cta-section .cta-content .cta-description{opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.public-homepage .final-cta-section .cta-content .cta-button{color:#fff;white-space:break-spaces;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:.75rem;align-items:center;margin-bottom:1rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.public-homepage .final-cta-section .cta-content .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.public-homepage .final-cta-section .cta-content .cta-note{opacity:.8;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.public-homepage .final-cta-section .cta-content .cta-note svg{color:#10b981}.public-homepage .final-cta-section.animate-in .cta-content{animation:.8s ease-out forwards fadeInUp}@media (max-width:1024px){.public-homepage .hero-section .hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.public-homepage .hero-content .hero-title{font-size:3rem}.public-homepage .benefits-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media (max-width:768px){.public-homepage .homepage-nav .nav-container{padding:1rem}.public-homepage .hero-section{padding-top:60px}.public-homepage .hero-section .hero-container{gap:2rem;padding:1rem}.public-homepage .hero-section .hero-content .hero-title{font-size:2.5rem}.public-homepage .hero-section .hero-visual .phone-mockup{width:240px;height:480px}.public-homepage .section-header .section-title{font-size:2rem}.public-homepage .benefits-section,.public-homepage .steps-section,.public-homepage .final-cta-section{padding:4rem 0}.public-homepage .steps-timeline .step-item{text-align:center;flex-direction:column;gap:1rem}.public-homepage .steps-timeline .step-item .step-connector{display:none}.public-homepage .footer-content{text-align:center;flex-direction:column;gap:1rem}}@media (max-width:480px){.public-homepage .nav-actions{gap:.5rem}.public-homepage .nav-actions .nav-signup{padding:.5rem 1rem;font-size:.875rem}.public-homepage .hero-content .hero-title{font-size:2rem}.public-homepage .hero-content .hero-description{font-size:1.125rem}.public-homepage .hero-content .hero-features .feature-item{font-size:.8rem}.public-homepage .benefit-card{padding:2rem}.public-homepage .cta-content .cta-title{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}
.homepage-footer{color:#fff;background:#111827;padding:3rem 0 2rem}.homepage-footer .footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.homepage-footer .footer-content{border-bottom:1px solid #374151;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}.homepage-footer .footer-content .footer-logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.homepage-footer .footer-content .footer-links{gap:2rem;display:flex}.homepage-footer .footer-content .footer-links a{color:#d1d5db;text-decoration:none;transition:color .2s}.homepage-footer .footer-content .footer-links a:hover{color:#fff}.homepage-footer .footer-bottom{text-align:center}.homepage-footer .footer-bottom .legal-links{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.homepage-footer .footer-bottom .legal-links a{color:#9ca3af;font-size:.875rem;text-decoration:none;transition:color .2s}.homepage-footer .footer-bottom .legal-links a:hover{color:#fff}.homepage-footer .footer-bottom p{color:#9ca3af;margin:0;font-size:.875rem}