*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;background:#0f0f0f;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}body{margin:0;font-family:Arial,sans-serif;background:#111;color:#fff}.nav{display:flex;justify-content:space-between;padding:16px;background:#000}.nav a{color:#6fb44e;margin-left:16px;text-decoration:none}.hero{padding:80px 20px;text-align:center}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:#1a1a1a;padding:20px;border-radius:8px}.btn{background:#6fb44e;color:#000;padding:10px 16px;text-decoration:none;border-radius:4px;display:inline-block}.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#0000008c,#000000e6),radial-gradient(circle at top,#222,#000)}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:12px}.hero p{max-width:520px;margin:0 auto 24px;line-height:1.5;opacity:.9}.section{max-width:1100px;margin:0 auto;padding:100px 20px}.features{list-style:none;padding:0}.features li{margin-bottom:10px}.nav{position:sticky;top:0;z-index:100;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:18px 40px;border-bottom:1px solid rgba(255,255,255,.05)}.nav a{font-size:14px;letter-spacing:.5px}.logo{width:140px;height:42px;cursor:pointer}.messenger-float{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#0084ff;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;box-shadow:0 4px 12px #00000059;z-index:1000}.messenger-float:hover{background:#006fe0}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:32px}.why-card{background:#161616;padding:20px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.cta{background:linear-gradient(135deg,#6fb44e,#4d8f36);color:#000;padding:80px 20px;text-align:center}.cta h2{margin-bottom:20px}.footer{font-size:13px;opacity:.75;padding:30px 20px}.map-section{text-align:center}.map-wrapper{max-width:980px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#000}.map-wrapper iframe{width:100%;height:380px;border:0}.map-info{margin-top:18px}.map-note{font-size:14px;opacity:.75;margin-bottom:14px}.btn-outline{display:inline-block;padding:10px 18px;border-radius:8px;border:1px solid #6fbf4a;color:#6fbf4a;font-size:14px;text-decoration:none}.btn-outline:hover{background:#6fbf4a;color:#000}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.service-card{background:#111;border-radius:14px;overflow:hidden;box-shadow:0 15px 30px #0006;transition:transform .25s ease}.service-card:hover{transform:translateY(-6px)}.service-card img{width:100%;height:160px;object-fit:cover;filter:brightness(.85)}.service-card h3{padding:14px 14px 6px}.service-card p{padding:0 14px 16px;opacity:.8;font-size:.9rem}.shop{padding:6px 10px;border-radius:6px;font-size:.8rem;margin-left:6px}.lazada{background:#ff5a00;color:#fff!important}.shopee{background:#ff6a00;color:#fff!important}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn.lazada{background:#ff5a00}.btn.shopee{background:#ff6a00}.hero{position:relative;height:85vh;min-height:520px;overflow:hidden;background:#000}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(#0009,#000000b3);z-index:2}.hero-content{position:relative;z-index:3;text-align:center;color:#fff;max-width:720px;margin:0 auto;padding:0 20px;top:50%;transform:translateY(-50%)}@media(max-width:768px){.hero{height:70vh;min-height:420px}.hero-content h1{font-size:2rem}}