@import"https://api.fontshare.com/v2/css?f[]=clash-display@200,400,700,500,600,300&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary: #050E3C;--color-secondary: #002455;--color-accent: #DC0000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.heading-font{font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.app{position:relative;min-height:100vh;background:#fff;overflow-x:hidden}.gradient-overlay{position:absolute;top:0;left:0;right:0;height:384px;background:linear-gradient(to bottom,rgba(0,36,85,.18) 0%,rgba(5,14,60,.12) 40%,transparent 100%);pointer-events:none;z-index:1}@keyframes float1{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-40px) rotate(5deg)}66%{transform:translate(-20px,30px) rotate(-3deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-40px,30px) rotate(-5deg)}66%{transform:translate(30px,-30px) rotate(4deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(25px,35px) rotate(3deg)}66%{transform:translate(-30px,-25px) rotate(-4deg)}}@keyframes float4{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-35px,-30px) rotate(-4deg)}66%{transform:translate(25px,40px) rotate(5deg)}}.floating-foods-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;display:block;overflow:hidden}@media(max-width:768px){.floating-foods-wrapper{opacity:.6}}.floating-food{position:absolute;opacity:.9;pointer-events:none}.floating-food img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 10px 40px #050e3c26}@media(max-width:1024px){.floating-food{max-width:90px!important;max-height:90px!important}.floating-food img{border-radius:12px}}@media(max-width:768px){.floating-food{max-width:65px!important;max-height:65px!important}.floating-food img{border-radius:10px;box-shadow:0 5px 20px #050e3c26}}@media(max-width:480px){.floating-food{max-width:45px!important;max-height:45px!important;opacity:1}.floating-food img{border-radius:8px;box-shadow:0 4px 15px #050e3c1f}}.food-1{animation:float1 20s ease-in-out infinite}.food-2{animation:float2 25s ease-in-out infinite}.food-3{animation:float3 22s ease-in-out infinite}.food-4{animation:float4 28s ease-in-out infinite}.content{position:relative;z-index:10}.nav{padding:2rem 1.5rem}@media(max-width:768px){.nav{padding:1.5rem 1rem}}.nav-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand-name{font-size:1.875rem;font-weight:500;color:var(--color-primary);font-family:Clash Display,sans-serif}.brand-logo{height:48px;width:auto;object-fit:contain;filter:brightness(0)}@media(max-width:768px){.brand-logo{height:36px}}.nav-right{display:flex;align-items:center;gap:1rem}@media(max-width:480px){.nav-right{gap:.5rem}}.nav-link{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-primary);text-decoration:none;border-radius:9999px;transition:all .2s}@media(max-width:480px){.nav-link{padding:.5rem .75rem;font-size:.8rem}}.nav-link:hover{background:#f9fafb}.nav-button{padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;color:#fff;background:var(--color-accent);text-decoration:none;border-radius:9999px;transition:all .2s}@media(max-width:480px){.nav-button{padding:.5rem 1rem;font-size:.75rem}}.nav-button:hover{background:#b30000}.hero{padding:8rem 1.5rem}@media(max-width:768px){.hero{padding:4rem 1rem}}.hero-content{max-width:64rem;margin:0 auto;text-align:center}.hero-title{font-size:clamp(3rem,8vw,4.5rem);color:var(--color-primary);margin-bottom:1.5rem;line-height:1.1;font-weight:500}.highlight-text{color:var(--color-accent);font-weight:700;position:relative;display:inline-block}.highlight-text:after{content:"";position:absolute;bottom:.1em;left:0;right:0;height:.15em;background:var(--color-accent);opacity:.2;border-radius:2px}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.125rem);color:#4b5563;margin-bottom:3rem;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.6}.error-box{margin-bottom:1.5rem;padding:.875rem 1.25rem;background:#fff1f1;border:1.5px solid #DC0000;color:#b30000;border-radius:1rem;max-width:42rem;margin-left:auto;margin-right:auto;font-weight:500;font-size:.9rem}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050e3c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:overlayIn .2s ease}.popup-card{background:#fff;border-radius:1.75rem;padding:2.5rem 2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 32px 64px #050e3c40;animation:cardIn .3s cubic-bezier(.34,1.56,.64,1)}@media(max-width:480px){.popup-card{padding:2rem 1.5rem;border-radius:1.25rem;max-width:90%}}.popup-header{margin-bottom:1.5rem}.popup-brand{font-family:Clash Display,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-primary);letter-spacing:-.5px}.popup-icon{margin-bottom:1.25rem}.popup-title{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-bottom:.875rem;line-height:1.3}.popup-message{font-size:.9375rem;color:#4b5563;line-height:1.65;margin-bottom:1.5rem}.popup-divider{height:1px;background:#f3f4f6;margin-bottom:1.25rem}.popup-hint{font-size:.8125rem;color:#9ca3af;margin-bottom:1.5rem}.popup-close{width:100%;padding:.875rem;background:var(--color-primary);color:#fff;border:none;border-radius:1rem;font-size:1rem;font-weight:700;font-family:Montserrat,sans-serif;cursor:pointer;transition:background .2s,transform .2s}.popup-close:hover{background:var(--color-secondary);transform:translateY(-1px)}@keyframes inputPop{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes btnPulse{0%,to{box-shadow:0 10px 25px -5px #dc00004d,0 0 #dc000059}50%{box-shadow:0 10px 25px -5px #dc00004d,0 0 0 8px #dc000000}}.signup-form{background:#fff;border-radius:1.5rem;padding:.5rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid #f3f4f6;max-width:42rem;margin:0 auto 1.5rem;transition:box-shadow .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1),border-color .35s ease}.signup-form.form-active{box-shadow:0 25px 50px -5px #050e3c2e,0 0 0 2px #dc00001f;transform:translateY(-3px);border-color:#dc000026}.form-flex{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.form-flex{flex-direction:row;flex-wrap:wrap}}.name-input,.email-input{flex:1;min-width:200px;padding:1rem 1.5rem;font-size:1rem;border:0;border-radius:1rem;background:#f9fafb;outline:none;font-family:Montserrat,sans-serif;font-weight:500;transition:all .2s}.name-input:focus,.email-input:focus{background:#fff;box-shadow:0 0 0 2px #dc000038;animation:inputPop .25s ease}.name-input.input-filled,.email-input.input-filled{background:#dc00000a}.email-field-wrapper{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}.email-field-wrapper .email-input{min-width:unset;width:100%}.email-input.input-error{box-shadow:0 0 0 2px #dc00008c;background:#dc00000a}.email-error-msg{margin:0;padding:0 .25rem;font-size:.78rem;color:#dc0000;font-weight:600;font-family:Montserrat,sans-serif}.submit-button{padding:1rem 2rem;font-size:1rem;font-weight:700;color:#fff;background:var(--color-accent);border:none;border-radius:1rem;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:Montserrat,sans-serif;width:100%}@media(min-width:640px){.submit-button{width:auto}}.submit-button.btn-ready{animation:btnPulse 2s ease-in-out infinite}.submit-button:hover:not(:disabled){background:#b30000;transform:translateY(-2px);box-shadow:0 10px 25px -5px #dc00004d;animation:none}.submit-button:disabled{opacity:.7;cursor:not-allowed}.form-note{font-size:.875rem;color:#6b7280}.problem-section{padding:6rem 1.5rem;background:linear-gradient(135deg,#f9fafb,#fff);position:relative;overflow:hidden}@media(max-width:768px){.problem-section{padding:4rem 1rem}}.problem-container{max-width:1152px;margin:0 auto}.problem-header{text-align:center;margin-bottom:4rem}@media(max-width:768px){.problem-header{margin-bottom:3rem}}.problem-title{font-size:clamp(2rem,5vw,3rem);color:var(--color-primary);margin-bottom:1rem;font-weight:600;line-height:1.2}.problem-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#6b7280;max-width:42rem;margin:0 auto;line-height:1.6}.carousel{position:relative;max-width:800px;margin:0 auto;padding:0 3rem}@media(max-width:768px){.carousel{padding:0 2.5rem}}.carousel-inner{overflow:hidden;border-radius:1.5rem;box-shadow:0 20px 60px #050e3c26;background:#fff}.carousel-slides{display:flex;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;display:flex;justify-content:center;align-items:center}.screenshot-wrapper{width:100%;padding:2rem;display:flex;justify-content:center;align-items:center;background:#fff}@media(max-width:768px){.screenshot-wrapper{padding:1rem}}.screenshot-image{max-width:100%;height:auto;border-radius:.75rem;box-shadow:0 4px 20px #00000014}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px #050e3c26}@media(max-width:768px){.carousel-button{width:40px;height:40px}}.carousel-button:hover{background:var(--color-primary);color:#fff;transform:translateY(-50%) scale(1.05)}.carousel-button-prev{left:0}.carousel-button-next{right:0}.carousel-dots{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:#9ca3af;transform:scale(1.1)}.carousel-dot.active{background:var(--color-accent);width:32px;border-radius:6px}.problem-footer{text-align:center;margin-top:4rem}@media(max-width:768px){.problem-footer{margin-top:3rem}}.problem-cta{font-size:clamp(1.125rem,2.5vw,1.5rem);color:var(--color-primary);font-weight:600;margin:0}.features{padding:5rem 1.5rem;background:#fff}@media(max-width:768px){.features{padding:3rem 1rem}}.features-grid{max-width:1152px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem}@media(max-width:768px){.features-grid{gap:2rem}}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature{display:flex;align-items:flex-start;gap:1.5rem}@media(max-width:480px){.feature{gap:1rem}}.feature-icon{flex-shrink:0;width:80px;height:80px;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#050e3c0f,#00245514)}@media(max-width:480px){.feature-icon{width:60px;height:60px;font-size:1.5rem;border-radius:1rem}}.feature-title{font-size:1.5rem;color:var(--color-primary);margin-bottom:.75rem;font-weight:500}@media(max-width:480px){.feature-title{font-size:1.25rem}}.feature-text{color:#4b5563;line-height:1.6}@media(max-width:480px){.feature-text{font-size:.9rem}}.footer{padding:3rem 1.5rem;border-top:1px solid #f3f4f6}.footer-content{max-width:1152px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left}}.footer-name{font-size:1.25rem;font-weight:500;color:var(--color-primary);font-family:Clash Display,sans-serif}.footer-logo{height:36px;width:auto;object-fit:contain;filter:brightness(0)}.footer-copyright{font-size:.875rem;color:#6b7280}.footer-credit{font-size:.75rem;color:#9ca3af}
