body{background-color:#f9f9f9;margin:0;font-family:Avenir,sans-serif}.maintext{font-size:2.5rem}@media (max-width:640px) and (max-height:550px){.maintext{font-size:2.3rem}}.hero-placeholder{color:#666;background:#ddd;justify-content:center;align-items:center;width:100%;height:300px;font-size:1.5rem;font-weight:700;display:flex;position:absolute;bottom:-50px}.cta-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:1rem;transition:transform .3s ease-in-out}.cta-button:hover{transform:scale(1.1)}.features-section,.how-it-works-section{background-color:#fff;padding:60px 20px}.features-section h2,.how-it-works-section h2{text-align:center;color:#333;margin-bottom:40px;font-size:2.5rem}.features-grid,.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.feature-card,.step-card{text-align:center;background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.feature-placeholder,.step-placeholder{color:#666;background:#ddd;justify-content:center;align-items:center;height:150px;margin-top:20px;font-size:1rem;font-weight:700;display:flex}.hero{background-image:url(https://jfeehcjeuwgcuylskicy.supabase.co/storage/v1/object/public/karibu/hero.png?t=2024-11-27T18%3A10%3A03.751Z);background-position:50%;background-size:cover;width:100%;height:300px;margin-top:80px;position:relative;overflow:hidden}@media (max-width:420px){.hero{height:350px}}