*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:#1f2937;line-height:1.6}img{max-width:100%;height:auto;border-radius:10px}
.h{position:sticky;top:0;z-index:9;background:#fff;box-shadow:0 1px 6px #0001;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 16px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--p);text-decoration:none}.brand img{height:36px;border-radius:0}
nav a{margin-left:14px;color:#374151;text-decoration:none;font-size:14px}
.hero{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.slide{flex:0 0 100%;scroll-snap-align:start;min-height:60vh;display:flex;flex-direction:column;justify-content:center;padding:32px 20px;background:var(--p);background-size:cover;background-position:center;color:#fff}.slide h1{font-size:clamp(26px,6vw,46px);margin:0 0 8px}
.cta{display:inline-block;background:var(--p);color:#fff;border:0;padding:10px 20px;border-radius:999px;text-decoration:none;font-size:15px;cursor:pointer;margin-top:10px}.slide .cta{background:#fff;color:var(--p);align-self:flex-start}
.s{max-width:1000px;margin:auto;padding:36px 16px}.s h2{color:var(--p);margin-top:0}.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.c{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;color:inherit;text-decoration:none}
.gal img{aspect-ratio:1;object-fit:cover;width:100%}.vid{position:relative;padding-top:56.25%}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
form input,form textarea{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid #cfd6e0;border-radius:8px;font:inherit}.map{width:100%;height:280px;border:0;border-radius:12px;margin-top:16px}
.f{background:#111827;color:#d1d5db;text-align:center;padding:20px;font-size:14px}.wa{position:fixed;right:14px;bottom:14px;background:#22c55e;color:#fff;padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:600;box-shadow:0 2px 8px #0004}

.hero{scrollbar-width:none}.hero::-webkit-scrollbar{display:none}.dots{display:flex;justify-content:center;gap:8px;padding:8px;background:#fff}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:#cbd5e1;padding:0;cursor:pointer}.dots .on{background:var(--p)}.hb{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--p)}
@media(max-width:760px){.hb{display:block}.h nav{display:none;width:100%;flex-direction:column}.h nav.open{display:flex}.h nav a{margin:0;padding:10px 0;border-top:1px solid #eee}}
.hero{scrollbar-width:none}.hero::-webkit-scrollbar{display:none}html{scroll-behavior:smooth;scroll-padding-top:64px}
.dots{display:flex;justify-content:center;gap:8px;padding:10px;background:#fff}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:#cbd5e1;padding:0;cursor:pointer}.dots .on{background:var(--p)}
.hb{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:inherit}
@media(max-width:760px){.hb{display:block}.h nav{display:none;width:100%;flex-direction:column}.h nav.open{display:flex}.h nav a{margin:0;padding:10px 0;border-top:1px solid #eee}}
.f .tk{color:#1f2937;text-decoration:none;padding:0 8px;font-size:16px}.f .tk:hover{color:#6b7280}
/* slider: otomatis 3 detik, tanpa kontrol manual */
.hero{overflow:hidden!important;scroll-snap-type:none!important;scrollbar-width:none}.hero::-webkit-scrollbar{display:none!important}.dots{display:none!important}
.hb{display:none!important}@media(max-width:760px){.hb{display:block!important}}