/* Tema publik DuaLapan: header, warna, keterbacaan, dan mobile. */
body.public-site{background:#0c1713;color:#eef5ec}
body.public-site main{min-height:70vh;background:linear-gradient(180deg,#10231b 0%,#0c1713 100%)}
body.public-site .site-header{position:sticky;top:0;z-index:100;background:rgba(10,25,19,.94);border-bottom:1px solid rgba(202,239,88,.24);box-shadow:0 8px 24px rgba(0,0,0,.22)}
body.public-site .nav{min-height:70px;gap:12px}
body.public-site .brand,body.public-site .nav-links a,body.public-site .nav-actions a{color:#f4faef}
body.public-site .nav-links a:hover,body.public-site .nav-links a:focus-visible{color:#d7f56a}
body.public-site .nav-capsule{padding:7px 12px;border:1px solid rgba(213,245,106,.28);border-radius:999px;background:rgba(255,255,255,.04)}
body.public-site .nav-actions{display:flex;align-items:center;gap:10px}
body.public-site .nav-actions>a:not(.button){font-weight:750;text-decoration:none}
body.public-site .button{background:#cbed59;color:#102018;border-color:#cbed59;font-weight:800;box-shadow:none}
body.public-site .button.secondary{background:transparent;color:#eff9e5;border-color:rgba(219,248,119,.7)}
body.public-site .section,body.public-site .section-soft{background:transparent}
body.public-site .card,body.public-site .empty,body.public-site .search-panel,body.public-site .home-content-card,body.public-site details{background:#15271f;color:#eef5ec;border-color:rgba(215,245,106,.18);box-shadow:0 14px 30px rgba(0,0,0,.18)}
body.public-site h1,body.public-site h2,body.public-site h3,body.public-site strong,body.public-site summary{color:#f6faef}
body.public-site p,body.public-site small,body.public-site label,body.public-site .muted{color:#cbd8ce}
body.public-site .eyebrow{color:#d8f66d}
body.public-site input,body.public-site select,body.public-site textarea{background:#0c1713;color:#f4faef;border-color:rgba(215,245,106,.32)}
body.public-site .notice{background:#1a3529;color:#f2fae8;border-color:rgba(215,245,106,.34)}
body.public-site .home-content-video{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#050806;display:block;object-fit:cover}
body.public-site .hero,.public-site .modern-hero{background:linear-gradient(135deg,#10291e,#0b1712)!important}
@media(max-width:820px){body.public-site .site-header{position:sticky}body.public-site .nav{min-height:62px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}body.public-site .nav::-webkit-scrollbar{display:none}body.public-site .brand{flex:0 0 auto;font-size:.9rem}body.public-site .nav-links{order:3;flex:0 0 auto;gap:13px;white-space:nowrap}body.public-site .nav-capsule{padding:5px 9px}body.public-site .nav-actions{flex:0 0 auto;gap:8px;white-space:nowrap}body.public-site .nav-actions .nav-admin,body.public-site .nav-actions .button{display:none}body.public-site .nav-actions>a:not(.button){font-size:.84rem}body.public-site .container{width:min(100% - 22px,1140px)}body.public-site input,body.public-site select,body.public-site textarea,body.public-site .button{min-height:44px;font-size:16px}}


body.public-site .modern-hero,body.public-site section.modern-hero{background:linear-gradient(135deg,#0b2118 0%,#102f23 55%,#0b1712 100%) !important;color:#f3faed !important;border:0 !important}
body.public-site .modern-hero h1,body.public-site .modern-hero h2,body.public-site .modern-hero p,body.public-site .modern-hero .eyebrow{color:#f3faed !important;text-shadow:0 1px 12px rgba(0,0,0,.25)}
body.public-site .modern-hero .eyebrow{color:#d7f56a !important}
body.public-site .section-heading h1,body.public-site .section-heading h2,body.public-site .section h1,body.public-site .section h2{color:#f3faed !important}
body.public-site .home-content-card h3,body.public-site .home-content-card p,body.public-site .home-content-card small{color:#edf7eb !important}
body.public-site .home-content-card{background:#152b21 !important;border:1px solid rgba(215,245,106,.22) !important}
body.public-site .home-content-card iframe,body.public-site .home-content-card video{width:100%;aspect-ratio:16/9;display:block;border:0;border-radius:14px;background:#020604}

body.public-site .site-header,body.public-site .site-header *{transition:none !important;animation:none !important}
body.public-site .quick-contact{margin:14px 0 0}

body.public-site .site-header,body.public-site .site-header *{transition:none !important;animation:none !important}
body.public-site .whatsapp-icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#25d366;color:#062c1e;border:2px solid #b9ff62;box-shadow:0 8px 20px rgba(37,211,102,.3);text-decoration:none}
body.public-site .whatsapp-icon-button:hover,body.public-site .whatsapp-icon-button:focus-visible{background:#b9ff62;color:#062c1e;transform:none}
body.public-site .whatsapp-icon-button svg{width:25px;height:25px;fill:currentColor}