:root{
  --color-primary:#2c9b74;
  --color-accent:#e94b35;
  --color-text:#222222;
  --color-bg:#ffffff;
  --color-muted:#f4f4f4;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;color:var(--color-text);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-primary);text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1100px;margin:0 auto;padding:0 20px}

header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.brand{display:flex;align-items:center;gap:12px;padding:14px 0}
.logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:-20px;z-index:15;position:relative}
.logo img{display:block;width:80px;height:80px}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px}
nav a{color:var(--color-text);font-weight:600}
nav a.active{color:var(--color-primary)}

.hero{position:relative;background:url('../images/www.sinleefood.com/pub/media/wysiwyg/abundance-agriculture-bananas-264537.jpg') center/cover no-repeat;min-height:380px;display:flex;align-items:center;justify-content:center;margin-top:-20px}
.about-hero{background:url('../images/about_us_bg.jpg') center/cover no-repeat;min-height:320px}
.testimonials-hero{background:url('../images/www.sinleefood.com/pub/media/wysiwyg/asian-food-beans-cuisine-618491.jpg') center/cover no-repeat;min-height:320px}
.hero-card{background:rgba(255,255,255,.96);padding:28px 28px;border-radius:4px;max-width:720px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.hero h1{margin:0 0 10px 0;font-size:32px;letter-spacing:.02em}
.hero p{margin:0 0 18px 0;line-height:1.5}
.btn{display:inline-block;background:var(--color-primary);color:#fff;padding:12px 18px;border-radius:3px;font-weight:700}
.btn:hover{filter:brightness(.9)}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#fff;border:1px solid #eee;border-radius:4px;overflow:hidden}
.card .content{padding:12px}

/* Testimonials styling - matching existing site */
.testimonials-list{margin-top:32px}
.testimonials{display:flex;flex-direction:column;gap:24px}
.testimonial{display:flex;gap:0;background:#fff;border:1px solid #eee;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.testimonial-image{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center}
.testimonial-image img{width:80px;height:80px;border-radius:50%;background:#f8f8f8;padding:8px}
.testimonial .container{flex:1;padding-left:16px}
.content-wrapper{width:100%}
.message-wrapper{width:100%}
.message{line-height:1.6;color:#555;font-size:16px}
.author-info{font-weight:700;color:var(--color-primary);margin-left:8px}

footer{margin-top:40px}
footer p{margin:6px 0}
footer nav ul{flex-wrap:wrap}

/* Fancy, balanced footer */
.site-footer{background:var(--color-muted);padding:34px 0;border-top:1px solid #e9e9e9}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;align-items:start}
.footer-brand{display:flex;gap:12px;align-items:center}
.footer-brand img{width:42px;height:42px}
.footer-heading{font-weight:700;margin-bottom:8px}
.footer-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.footer-contact p{margin:4px 0}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid #e3e3e3;margin-top:18px;color:#666}

@media (max-width:640px){
  .hero{min-height:300px}
  .hero h1{font-size:26px}
  .logo{width:60px;height:60px}
  .logo img{width:60px;height:60px}
  .testimonial{flex-direction:column;text-align:center}
  .testimonial-image{width:100% !important;margin-bottom:16px}
  .testimonial .container{margin-left:0 !important;padding-left:0}
  .testimonial-image img{width:60px;height:60px}
}