@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--matall-yellow:#ffc107;--matall-yellow-hover:#e0a800;--matall-black:#111;--text-dark:#333;--text-light:#666;--bg-light:#f9fafb;--bg-white:#fff;--border-color:#e5e7eb;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}h1,h2,h3,h4,h5,h6{color:var(--matall-black);font-weight:700;line-height:1.2}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.text-yellow{color:var(--matall-yellow)}.text-center{text-align:center}.font-bold{font-weight:700}.font-black{font-weight:900}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}@media (width<=768px){.container{padding:0 var(--spacing-md)}}.app{flex-direction:column;min-height:100vh;display:flex}.btn{border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--matall-black);color:var(--bg-white)}.btn-primary:hover{background-color:#333}.btn-yellow{background-color:var(--matall-yellow);color:var(--matall-black)}.btn-yellow:hover{background-color:var(--matall-yellow-hover)}.feature-tag{align-items:center;gap:.5rem;font-weight:600;display:flex}.feature-tag .icon{color:var(--matall-yellow);background:var(--matall-yellow);border-radius:50%;justify-content:center;align-items:center;display:flex}.store-btn{background-color:var(--matall-black);color:var(--bg-white);border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem 1rem;text-decoration:none;transition:transform .2s;display:inline-flex}.store-btn:hover{transform:translateY(-2px)}.store-btn-content{flex-direction:column;align-items:flex-start;display:flex}.store-btn-small-text{text-transform:uppercase;font-size:.6rem}.store-btn-large-text{font-size:1.1rem;font-weight:700;line-height:1.1}.store-btn-icon svg{width:24px;height:24px}.hero-section{padding:var(--spacing-4xl) 0 var(--spacing-2xl);background:radial-gradient(circle at 100%,#ffc1070d 0%,#fff0 50%);position:relative;overflow:hidden}.hero-container{justify-content:space-between;align-items:center;gap:var(--spacing-3xl);display:flex}.hero-content{flex:1;max-width:600px}.logo-badge{background-color:var(--matall-black);padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:.5rem;display:inline-block}.logo-text{color:var(--matall-yellow);font-size:2rem;font-weight:800;line-height:1}.hero-title{color:var(--matall-black);margin-bottom:var(--spacing-lg);font-size:3.5rem;font-weight:900}.hero-description{color:var(--text-dark);margin-bottom:var(--spacing-xl);font-size:1.25rem;font-weight:500}.store-buttons-container{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.hero-app-name{color:var(--text-dark);margin-top:var(--spacing-sm);font-size:1rem;font-weight:600}.hero-image-container{flex:1;justify-content:flex-end;display:flex;position:relative}.hero-image{object-fit:contain;filter:drop-shadow(0 20px 40px #0000001a);max-width:100%;max-height:700px}@media (width<=1024px){.hero-container{flex-direction:column}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:100%;display:flex}.store-buttons-container{justify-content:center}.hero-title{font-size:2.5rem}}.features-strip{padding:var(--spacing-xl) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:var(--bg-white)}.features-container{justify-content:center;align-items:center;gap:var(--spacing-3xl);display:flex}.feature-item{align-items:center;gap:var(--spacing-md);display:flex}.feature-icon-wrapper{color:var(--matall-black);background:var(--matall-yellow);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon-wrapper.outline{border:2px solid var(--matall-black);clip-path:none;background:0 0;border-radius:50%}.feature-text{color:var(--matall-black);font-size:1.1rem;font-weight:700;line-height:1.2}.feature-divider{background-color:var(--border-color);width:1px;height:40px}@media (width<=768px){.features-container{gap:var(--spacing-lg);flex-direction:column}.feature-divider{width:100%;height:1px}}.categories-section{padding:var(--spacing-4xl) 0;background-color:var(--bg-light)}.section-title{margin-bottom:var(--spacing-2xl);text-transform:uppercase;font-size:1.5rem;font-weight:800}.categories-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-items:center;display:grid}.category-card{align-items:center;gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.category-icon-container{background-color:var(--bg-white);border:1px solid var(--border-color);width:120px;height:120px;color:var(--text-light);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 6px #00000005}.category-icon-container:hover{border-color:var(--matall-yellow);color:var(--matall-yellow);transform:translateY(-4px);box-shadow:0 10px 15px #0000000d}.category-name{text-align:center;font-size:.9rem;font-weight:700;line-height:1.2}.audience-section{padding:var(--spacing-2xl) 0 var(--spacing-4xl);background-color:var(--bg-light)}.audience-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.audience-card{background-color:var(--bg-white);border-radius:16px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.audience-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.audience-image-container{width:100%;height:180px;overflow:hidden}.audience-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.audience-card:hover .audience-image{transform:scale(1.05)}.audience-content{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);position:relative}.audience-icon{top:-24px;left:var(--spacing-lg);background-color:var(--matall-yellow);width:48px;height:48px;color:var(--matall-black);border:4px solid var(--bg-white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.audience-title{margin-bottom:var(--spacing-sm);font-size:1.25rem}.audience-description{color:var(--text-light);min-height:44px;font-size:.95rem}.audience-coming-soon{color:#9ca3af;min-height:44px;font-size:.95rem;font-weight:500}.why-section{padding:var(--spacing-3xl) 0;background-color:var(--bg-white)}.reasons-container{justify-content:space-between;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.reason-item{align-items:center;gap:var(--spacing-sm);min-width:150px;display:flex}.reason-icon-wrapper{color:var(--matall-black);background:var(--matall-yellow);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.reason-icon-wrapper:after{content:"";border:1px dashed var(--matall-yellow);border-radius:50%;position:absolute;inset:-4px}.reason-text{font-size:.95rem;font-weight:700;line-height:1.2}@media (width<=768px){.reasons-container{justify-content:flex-start}}.cta-section{background-color:var(--matall-yellow);padding:var(--spacing-4xl) 0;margin-top:var(--spacing-2xl);border-radius:24px 24px 0 0}.cta-container{justify-content:space-between;align-items:center;gap:var(--spacing-3xl);display:flex}.cta-title{margin-bottom:var(--spacing-md);font-size:3rem;line-height:1.1}.bg-black-text{background-color:var(--matall-black);color:var(--bg-white);margin-top:.5rem;padding:0 .5rem;display:inline-block}.cta-description{color:var(--matall-black);font-size:1.1rem;font-weight:500}.cta-buttons{gap:var(--spacing-md);flex-direction:column;min-width:400px;display:flex}.store-btn-full{background-color:var(--matall-black);color:var(--bg-white);padding:var(--spacing-sm) var(--spacing-lg);align-items:center;gap:var(--spacing-md);border-radius:12px;width:100%;text-decoration:none;transition:transform .2s;display:flex}.store-btn-full:hover{transform:translateY(-2px)}.store-btn-divider{width:1px;height:40px;margin:0 var(--spacing-sm);background-color:#fff3}.store-btn-app-name{font-size:1.1rem;font-weight:500}.web-btn{background-color:var(--bg-white);color:var(--matall-black)}.web-btn-content{flex:1}@media (width<=900px){.cta-container{flex-direction:column}.cta-buttons{min-width:100%}.cta-title{font-size:2.5rem}}@media (width<=500px){.store-btn-app-name,.store-btn-divider{display:none}}.footer-section{background-color:var(--matall-black);color:var(--bg-white);padding:var(--spacing-md) 0}.footer-container{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-logo{color:var(--matall-yellow);font-size:1.5rem;font-weight:800}.footer-divider{background-color:#fff3;width:1px;height:20px}.footer-item{align-items:center;gap:var(--spacing-sm);font-size:.9rem;font-weight:500;display:flex}.footer-icon{color:var(--matall-yellow)}@media (width<=900px){.footer-container{justify-content:center;gap:var(--spacing-lg)}.footer-divider{display:none}}