@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";:root{--primary-50: #FFF4F0;--primary-100: #FFE4DA;--primary-200: #FFC9B5;--primary-300: #FFAB8A;--primary-400: #FF8C60;--primary-500: #E8552D;--primary-600: #C94420;--primary-700: #A33518;--primary-800: #7D2912;--primary-900: #5C1F0E;--secondary-50: #F0F0F8;--secondary-100: #DEDDF2;--secondary-200: #BDBCE6;--secondary-300: #9896D4;--secondary-400: #7471C2;--secondary-500: #2D2D4E;--secondary-600: #252543;--secondary-700: #1E1E38;--secondary-800: #1A1A2E;--secondary-900: #121222;--surface-50: #FAFAFA;--surface-100: #F5F5F5;--surface-200: #EEEEEE;--text-dark: #1A1A2E;--text-light: #F0F0F8;--text-muted: #7471C2;--font-body: "Inter", sans-serif;--font-heading: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--surface-50);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}a{text-decoration:none;color:inherit}.navbar{position:sticky;top:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid var(--surface-200)}.nav-brand{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary-500)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{font-weight:500;color:var(--secondary-700);transition:color .3s ease}.nav-link:hover{color:var(--primary-500)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;gap:.5rem}.btn-primary{background-color:var(--primary-500);color:#fff;box-shadow:0 4px 14px #e8552d4d}.btn-primary:hover{background-color:var(--primary-600);transform:translateY(-2px);box-shadow:0 6px 20px #e8552d66}.btn-secondary{background-color:var(--secondary-100);color:var(--secondary-800)}.btn-secondary:hover{background-color:var(--secondary-200);transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--primary-500);border:2px solid var(--primary-500)}.btn-outline:hover{background-color:var(--primary-50)}.hero{display:flex;align-items:center;justify-content:space-between;padding:5rem 5%;min-height:calc(100vh - 80px);background:linear-gradient(135deg,var(--surface-50) 0%,var(--primary-50) 100%);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:600px;height:600px;background:var(--primary-200);border-radius:50%;filter:blur(100px);opacity:.3;top:-100px;right:-100px;z-index:0}.hero-content{flex:1;max-width:600px;z-index:1}.hero-title{font-size:4.5rem;color:var(--secondary-800);margin-bottom:1.5rem;letter-spacing:-.02em}.hero-title span{color:var(--primary-500)}.hero-description{font-size:1.25rem;color:var(--secondary-600);margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem}.hero-image-container{flex:1;display:flex;justify-content:center;position:relative;z-index:1}.hero-phone-mockup{max-width:400px;height:auto;filter:drop-shadow(0 25px 50px rgba(0,0,0,.25));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.feature-screenshot{max-width:350px;height:auto;border-radius:24px;box-shadow:0 20px 60px #00000026;border:8px solid var(--secondary-800);transition:transform .3s ease}.feature-screenshot:hover{transform:scale(1.05)}.hero-mockup{width:320px;height:650px;background-color:#fff;border:12px solid var(--secondary-800);border-radius:40px;box-shadow:0 25px 50px -12px #00000040;position:relative;overflow:hidden;display:flex;flex-direction:column}.app-screen{background-color:#fff;padding:1.5rem 1rem;overflow-y:auto}.app-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.app-greeting{font-size:1.25rem;font-weight:700;font-family:var(--font-heading);color:var(--secondary-800)}.app-location{font-size:.75rem;color:var(--secondary-500);margin-top:.25rem}.app-notif-badge{position:relative;width:40px;height:40px;background-color:var(--surface-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.app-notif-badge .badge{position:absolute;top:4px;right:4px;background-color:var(--primary-500);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.app-search{background-color:var(--surface-100);padding:.75rem 1rem;border-radius:12px;font-size:.875rem;color:var(--secondary-500);margin-bottom:1.25rem}.app-section-title{font-size:1rem;font-weight:600;font-family:var(--font-heading);color:var(--secondary-800);margin-bottom:.75rem}.app-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.app-see-all{font-size:.75rem;color:var(--primary-500);font-weight:500}.app-categories{display:flex;gap:1rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.category-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:60px}.category-circle{width:56px;height:56px;border-radius:50%;background-color:var(--primary-50);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid var(--surface-200)}.category-label{font-size:.7rem;color:var(--secondary-700);text-align:center;font-weight:500}.app-products{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.product-card-mini{min-width:120px;background-color:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--surface-200);box-shadow:0 2px 8px #0000000d}.product-image{width:100%;height:120px;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);display:flex;align-items:center;justify-content:center;font-size:3rem}.product-name{padding:.5rem;font-size:.75rem;font-weight:500;color:var(--secondary-800)}.product-price{padding:0 .5rem .5rem;font-size:.7rem;font-weight:700;color:var(--primary-500)}.mockup-header{background-color:var(--primary-500);padding:2.5rem 1rem 1rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.mockup-header-title{font-weight:600;font-family:var(--font-heading)}.mockup-body{flex:1;background-color:#efeae2;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:hidden}.chat-bubble{padding:.75rem 1rem;border-radius:1rem;max-width:80%;font-size:.875rem;box-shadow:0 1px 2px #0000001a;position:relative}.chat-bubble.received{background-color:#fff;align-self:flex-start;border-top-left-radius:0}.chat-bubble.sent{background-color:var(--primary-100);align-self:flex-end;border-top-right-radius:0}.chat-time{font-size:.65rem;color:var(--secondary-400);text-align:right;margin-top:.25rem;display:block}.section{padding:6rem 5%}.section-dark{background-color:var(--secondary-800);color:#fff}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;margin-bottom:1rem}.section-dark .section-title{color:#fff}.section-subtitle{font-size:1.125rem;color:var(--secondary-500);max-width:600px;margin:0 auto}.section-dark .section-subtitle{color:var(--secondary-300)}.split-section{display:flex;align-items:center;gap:4rem;margin-bottom:6rem}.split-section:nth-child(2n){flex-direction:row-reverse}.split-content{flex:1}.split-title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--secondary-800)}.split-text{font-size:1.125rem;color:var(--secondary-600);margin-bottom:2rem}.split-image{flex:1;display:flex;justify-content:center}.image-placeholder{width:100%;max-width:500px;height:400px;background-color:var(--primary-50);border-radius:2rem;display:flex;align-items:center;justify-content:center;color:var(--primary-300)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.feature-card{background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--surface-100)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;border-color:var(--primary-200)}.feature-icon{width:64px;height:64px;border-radius:16px;background-color:var(--primary-50);color:var(--primary-500);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.category-image-icon{width:80px;height:80px;border-radius:50%;overflow:hidden;padding:0;background-color:transparent;border:3px solid var(--primary-200)}.category-img{width:100%;height:100%;object-fit:cover}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--secondary-800)}.feature-card p{color:var(--secondary-500)}.footer{background-color:var(--secondary-900);color:#fff;padding:4rem 5% 2rem}.footer-content{display:flex;justify-content:space-between;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.footer-brand{flex:1;min-width:250px}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--primary-500);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.footer-desc{color:var(--secondary-400);margin-bottom:1.5rem;max-width:300px}.footer-links{display:flex;gap:4rem}.footer-column h4{color:#fff;margin-bottom:1.5rem;font-size:1rem;font-weight:600}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:.75rem}.footer-column ul li a{color:var(--secondary-300);transition:color .3s ease}.footer-column ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--secondary-700);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--secondary-400);font-size:.875rem}@media (max-width: 992px){.hero{flex-direction:column;text-align:center;padding-top:3rem}.hero-content{margin-bottom:4rem}.hero-actions{justify-content:center}.hero-title{font-size:3.5rem}.split-section{flex-direction:column;text-align:center}.split-section:nth-child(2n){flex-direction:column}}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:2.5rem}.footer-links{flex-direction:column;gap:2rem}}.legal-page{min-height:100vh;background-color:var(--surface-50);padding:2rem 5%}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#fff;border:1px solid var(--surface-200);border-radius:12px;font-family:var(--font-body);font-weight:500;color:var(--secondary-700);cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.back-button:hover{background-color:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600);transform:translate(-4px)}.legal-container{max-width:900px;margin:0 auto;background-color:#fff;padding:3rem;border-radius:24px;box-shadow:0 10px 30px #0000000d}.legal-container h1{font-size:2.5rem;font-family:var(--font-heading);color:var(--secondary-800);margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--primary-500)}.legal-container section{margin-bottom:2.5rem}.legal-container h2{font-size:1.75rem;font-family:var(--font-heading);color:var(--secondary-800);margin-bottom:1rem;margin-top:2rem}.legal-container h3{font-size:1.25rem;font-family:var(--font-heading);color:var(--secondary-700);margin-bottom:.75rem;margin-top:1.5rem}.legal-container p{font-size:1rem;line-height:1.8;color:var(--secondary-600);margin-bottom:1rem}.legal-container ul{list-style:none;padding-left:0;margin-bottom:1rem}.legal-container ul li{font-size:1rem;line-height:1.8;color:var(--secondary-600);padding-left:1.5rem;position:relative;margin-bottom:.5rem}.legal-container ul li:before{content:"•";color:var(--primary-500);font-weight:700;font-size:1.5rem;position:absolute;left:0;top:-4px}.legal-container strong{color:var(--secondary-800);font-weight:600}@media (max-width: 768px){.legal-page{padding:1rem 5%}.legal-container{padding:2rem 1.5rem}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.5rem}.legal-container h3{font-size:1.125rem}}
