@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap');
:root{--green:#00A651;--orange:#FF7A00;--muted:#6b7280;--bg:#ffffff}
body{font-family:'Poppins',sans-serif;margin:0;background:var(--bg);color:#111827}
.container{max-width:1100px;margin:0 auto;padding:20px}
.topbar{background:linear-gradient(90deg,#ecfdf5,#fff7ed);padding:6px;text-align:right;color:var(--muted);font-size:14px}
.header{background:transparent;padding:12px 0;position:sticky;top:0;z-index:40}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:6px 20px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:84px;transition:all .3s}
.nav{display:flex;gap:14px;align-items:center}
.nav a{color:var(--muted);text-decoration:none;font-weight:600}
.cta{padding:8px 14px;border-radius:8px;background:linear-gradient(90deg,var(--green),var(--orange));color:white;text-decoration:none;font-weight:700}
.hero{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:40px 20px;border-bottom:1px solid #f3f4f6}
.hero-left{flex:1;min-width:280px}
.hero-right{flex:1;min-width:280px;text-align:center}
.hero-logo img{height:220px;max-width:90%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08)}
.hero-slogan{margin-top:14px;font-weight:700;font-size:20px;background:linear-gradient(90deg,var(--green),var(--orange));-webkit-background-clip:text;color:transparent}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px}
.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,0.06)}
.section{padding:36px 0}
.footer{background:#fff;border-top:1px solid #eef2f7;padding:18px 20px;text-align:center;color:var(--muted)}
.lang-btn{background:transparent;border:0;cursor:pointer;padding:6px 8px;border-radius:6px}
.lang-btn.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.quick-quote{position:fixed;right:16px;bottom:16px;background:linear-gradient(90deg,var(--orange),var(--green));color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,0.12);font-weight:700;text-decoration:none}
@media(max-width:800px){.nav{display:none}.hero{padding:18px}.brand img{height:64px}.hero-logo img{height:160px}}