:root{--blue:#0ea5e9;--teal:#14b8a6;--dark:#0f172a;--muted:#475569;--light:#f8fafc;--white:#fff;--wa:#25d366;--line:#e2e8f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);line-height:1.75;background:var(--light)}
a{color:var(--blue)}.container{max-width:1180px;margin:auto;padding:0 22px}
.header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,var(--teal),var(--blue));box-shadow:0 5px 18px #0002}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.35rem;font-weight:800;color:#fff;text-decoration:none}.navlinks{display:flex;gap:22px;flex-wrap:wrap}.navlinks a{color:#fff;text-decoration:none;font-weight:700}
.hero{background:linear-gradient(135deg,#075985e8,#0ea5e9dd),url('https://mabruka.co.id/wp-content/uploads/2024/08/Instagram-post-1.png') center/cover; color:#fff;padding:88px 0}.hero h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.1;margin:0 0 22px}.hero p{font-size:1.12rem;max-width:850px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 22px;border-radius:10px;text-decoration:none;font-weight:800;border:2px solid transparent}.btn-wa{background:var(--wa);color:#fff}.btn-light{background:#fff;color:#075985}.btn-outline{border-color:#fff;color:#fff}
section{padding:68px 0}.section-title{font-size:2.1rem;line-height:1.2;margin:0 0 14px}.lead{font-size:1.08rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 8px 25px #0f172a0a}.card h3{margin-top:0}.icon{font-size:2rem}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery img{width:100%;height:210px;object-fit:cover;border-radius:14px;box-shadow:0 8px 25px #0f172a18}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.split img{width:100%;border-radius:18px;box-shadow:0 15px 40px #0f172a20}.toc{background:#e0f2fe;border-left:5px solid var(--blue);padding:20px 24px;border-radius:12px}.toc a{text-decoration:none}.faq details{background:#fff;border:1px solid var(--line);padding:17px 20px;border-radius:10px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.band{background:#0f172a;color:#fff}.band .lead{color:#cbd5e1}.footer{background:#020617;color:#cbd5e1;padding:48px 0 90px}.footer a{color:#fff}.sticky{position:fixed;bottom:0;left:0;right:0;background:#0f172aee;z-index:100;display:flex;justify-content:center;gap:12px;padding:10px}.sticky a{padding:10px 18px;border-radius:9px;text-decoration:none;color:#fff;font-weight:800}.sticky .wa{background:var(--wa)}.sticky .tel{background:var(--blue)}
.badge{display:inline-block;padding:6px 12px;background:#e0f2fe;color:#0369a1;border-radius:999px;font-weight:800;font-size:.85rem}.check{padding-left:0;list-style:none}.check li{margin:10px 0}.check li:before{content:"✓";font-weight:900;color:#0ea5e9;margin-right:10px}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.navlinks{display:none}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.hero{padding:65px 0}.sticky a{flex:1;text-align:center;font-size:.9rem}.sticky{gap:7px}.container{padding:0 16px}}

.visual-panel{position:sticky;top:95px}.image-frame{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:12px;box-shadow:0 15px 40px #0f172a20}.image-frame img{display:block;width:100%;max-height:430px;object-fit:contain;border-radius:12px;background:#fff}.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 8px 25px #0f172a12}.gallery figure img{display:block;width:100%;height:220px;object-fit:contain;background:#fff;border-radius:10px;box-shadow:none}.gallery figcaption{text-align:center;font-size:.82rem;color:#64748b;padding:7px 0 2px}.source-note{font-size:.82rem;color:#64748b}
@media(max-width:850px){.visual-panel{position:static}}