body{margin:0;background:#FFFFFF;font-family:'Inter',system-ui,sans-serif;color:#10241B;font-size:16px;line-height:1.55}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #B59752;outline-offset:3px;border-radius:6px}
a:hover{opacity:.88}
button{font:inherit}
@keyframes gx-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes gx-spin-r{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}
@keyframes gx-up{0%{top:50%;opacity:0}15%{opacity:1}100%{top:18%;opacity:0}}
@keyframes gx-down{0%{top:50%;opacity:0}15%{opacity:1}100%{top:82%;opacity:0}}
@keyframes gx-left{0%{left:50%;opacity:0}15%{opacity:1}100%{left:30%;opacity:0}}
@keyframes gx-right{0%{left:50%;opacity:0}15%{opacity:1}100%{left:70%;opacity:0}}
@keyframes gx-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes gx-flow{from{background-position:0 0}to{background-position:200px 0}}
@keyframes gx-glow{0%,100%{box-shadow:0 0 0 0 rgba(217,188,116,.55)}50%{box-shadow:0 0 0 14px rgba(217,188,116,0)}}
.gx-ring1{animation:gx-spin 38s linear infinite}
.gx-ring2{animation:gx-spin-r 26s linear infinite}
.gx-d1{animation:gx-up 2.8s ease-in infinite}
.gx-d2{animation:gx-right 2.8s ease-in .7s infinite}
.gx-d3{animation:gx-down 2.8s ease-in 1.4s infinite}
.gx-d4{animation:gx-left 2.8s ease-in 2.1s infinite}
.gx-cur{animation:gx-blink 1.1s steps(1) infinite}
.gx-bar{animation:gx-flow 3s linear infinite}
.gx-hub{animation:gx-glow 2.6s ease-out infinite}
.gx-app{--zh:1;--zw:1;--k:1;--z:min(calc(var(--zh)*var(--k)),var(--zw),1);transform:scale(var(--z));transform-origin:0 0;width:calc(100vw/var(--z))!important;height:calc(100vh/var(--z))!important;min-height:0!important}
@media(max-height:1100px){.gx-app[data-view=beranda]{--zh:.97}.gx-app[data-view=konsol]{--zh:.97}.gx-app[data-view=tentang]{--zh:.97}.gx-app[data-view=tim]{--zh:.97}.gx-app[data-view=peran]{--zh:.97}.gx-app[data-view=prinsip]{--zh:.96}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.97}}
@media(max-height:1075px){.gx-app[data-view=beranda]{--zh:.97}.gx-app[data-view=konsol]{--zh:.97}.gx-app[data-view=tentang]{--zh:.97}.gx-app[data-view=tim]{--zh:.97}.gx-app[data-view=peran]{--zh:.97}.gx-app[data-view=prinsip]{--zh:.94}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.96}}
@media(max-height:1050px){.gx-app[data-view=beranda]{--zh:.97}.gx-app[data-view=konsol]{--zh:.97}.gx-app[data-view=tentang]{--zh:.97}.gx-app[data-view=tim]{--zh:.97}.gx-app[data-view=peran]{--zh:.97}.gx-app[data-view=prinsip]{--zh:.91}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.94}}
@media(max-height:1025px){.gx-app[data-view=beranda]{--zh:.96}.gx-app[data-view=konsol]{--zh:.97}.gx-app[data-view=tentang]{--zh:.97}.gx-app[data-view=tim]{--zh:.95}.gx-app[data-view=peran]{--zh:.97}.gx-app[data-view=prinsip]{--zh:.89}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.92}}
@media(max-height:1000px){.gx-app[data-view=beranda]{--zh:.94}.gx-app[data-view=konsol]{--zh:.95}.gx-app[data-view=tentang]{--zh:.97}.gx-app[data-view=tim]{--zh:.92}.gx-app[data-view=peran]{--zh:.97}.gx-app[data-view=prinsip]{--zh:.87}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.89}}
@media(max-height:975px){.gx-app[data-view=beranda]{--zh:.92}.gx-app[data-view=konsol]{--zh:.93}.gx-app[data-view=tentang]{--zh:.97}.gx-app[data-view=tim]{--zh:.9}.gx-app[data-view=peran]{--zh:.97}.gx-app[data-view=prinsip]{--zh:.85}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.87}}
@media(max-height:950px){.gx-app[data-view=beranda]{--zh:.89}.gx-app[data-view=konsol]{--zh:.91}.gx-app[data-view=tentang]{--zh:.96}.gx-app[data-view=tim]{--zh:.88}.gx-app[data-view=peran]{--zh:.97}.gx-app[data-view=prinsip]{--zh:.83}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.85}}
@media(max-height:925px){.gx-app[data-view=beranda]{--zh:.87}.gx-app[data-view=konsol]{--zh:.89}.gx-app[data-view=tentang]{--zh:.94}.gx-app[data-view=tim]{--zh:.85}.gx-app[data-view=peran]{--zh:.97}.gx-app[data-view=prinsip]{--zh:.81}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.82}}
@media(max-height:900px){.gx-app[data-view=beranda]{--zh:.85}.gx-app[data-view=konsol]{--zh:.87}.gx-app[data-view=tentang]{--zh:.92}.gx-app[data-view=tim]{--zh:.84}.gx-app[data-view=peran]{--zh:.96}.gx-app[data-view=prinsip]{--zh:.79}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.8}}
@media(max-height:875px){.gx-app[data-view=beranda]{--zh:.84}.gx-app[data-view=konsol]{--zh:.85}.gx-app[data-view=tentang]{--zh:.89}.gx-app[data-view=tim]{--zh:.82}.gx-app[data-view=peran]{--zh:.93}.gx-app[data-view=prinsip]{--zh:.77}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.78}}
@media(max-height:850px){.gx-app[data-view=beranda]{--zh:.82}.gx-app[data-view=konsol]{--zh:.83}.gx-app[data-view=tentang]{--zh:.87}.gx-app[data-view=tim]{--zh:.8}.gx-app[data-view=peran]{--zh:.91}.gx-app[data-view=prinsip]{--zh:.75}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.76}}
@media(max-height:825px){.gx-app[data-view=beranda]{--zh:.82}.gx-app[data-view=konsol]{--zh:.81}.gx-app[data-view=tentang]{--zh:.85}.gx-app[data-view=tim]{--zh:.78}.gx-app[data-view=peran]{--zh:.89}.gx-app[data-view=prinsip]{--zh:.73}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.74}}
@media(max-height:800px){.gx-app[data-view=beranda]{--zh:.86}.gx-app[data-view=konsol]{--zh:.79}.gx-app[data-view=tentang]{--zh:.83}.gx-app[data-view=tim]{--zh:.76}.gx-app[data-view=peran]{--zh:.87}.gx-app[data-view=prinsip]{--zh:.71}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.72}}
@media(max-height:775px){.gx-app[data-view=beranda]{--zh:.84}.gx-app[data-view=konsol]{--zh:.78}.gx-app[data-view=tentang]{--zh:.81}.gx-app[data-view=tim]{--zh:.75}.gx-app[data-view=peran]{--zh:.85}.gx-app[data-view=prinsip]{--zh:.69}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.7}}
@media(max-height:750px){.gx-app[data-view=beranda]{--zh:.82}.gx-app[data-view=konsol]{--zh:.76}.gx-app[data-view=tentang]{--zh:.8}.gx-app[data-view=tim]{--zh:.73}.gx-app[data-view=peran]{--zh:.83}.gx-app[data-view=prinsip]{--zh:.68}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.68}}
@media(max-height:725px){.gx-app[data-view=beranda]{--zh:.81}.gx-app[data-view=konsol]{--zh:.74}.gx-app[data-view=tentang]{--zh:.78}.gx-app[data-view=tim]{--zh:.71}.gx-app[data-view=peran]{--zh:.81}.gx-app[data-view=prinsip]{--zh:.66}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.65}}
@media(max-height:700px){.gx-app[data-view=beranda]{--zh:.79}.gx-app[data-view=konsol]{--zh:.72}.gx-app[data-view=tentang]{--zh:.76}.gx-app[data-view=tim]{--zh:.69}.gx-app[data-view=peran]{--zh:.79}.gx-app[data-view=prinsip]{--zh:.64}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.63}}
@media(max-height:675px){.gx-app[data-view=beranda]{--zh:.77}.gx-app[data-view=konsol]{--zh:.7}.gx-app[data-view=tentang]{--zh:.75}.gx-app[data-view=tim]{--zh:.67}.gx-app[data-view=peran]{--zh:.77}.gx-app[data-view=prinsip]{--zh:.62}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.61}}
@media(max-height:650px){.gx-app[data-view=beranda]{--zh:.75}.gx-app[data-view=konsol]{--zh:.68}.gx-app[data-view=tentang]{--zh:.72}.gx-app[data-view=tim]{--zh:.65}.gx-app[data-view=peran]{--zh:.75}.gx-app[data-view=prinsip]{--zh:.59}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.59}}
@media(max-height:625px){.gx-app[data-view=beranda]{--zh:.72}.gx-app[data-view=konsol]{--zh:.65}.gx-app[data-view=tentang]{--zh:.69}.gx-app[data-view=tim]{--zh:.62}.gx-app[data-view=peran]{--zh:.72}.gx-app[data-view=prinsip]{--zh:.57}.gx-app[data-view=kontak]{--zh:.97}.gx-app[data-view=privasi]{--zh:.56}}
@media(max-height:600px){.gx-app[data-view=beranda]{--zh:.7}.gx-app[data-view=konsol]{--zh:.63}.gx-app[data-view=tentang]{--zh:.67}.gx-app[data-view=tim]{--zh:.6}.gx-app[data-view=peran]{--zh:.69}.gx-app[data-view=prinsip]{--zh:.55}.gx-app[data-view=kontak]{--zh:.95}.gx-app[data-view=privasi]{--zh:.54}}
@media(max-height:575px){.gx-app[data-view=beranda]{--zh:.7}.gx-app[data-view=konsol]{--zh:.63}.gx-app[data-view=tentang]{--zh:.67}.gx-app[data-view=tim]{--zh:.6}.gx-app[data-view=peran]{--zh:.69}.gx-app[data-view=prinsip]{--zh:.55}.gx-app[data-view=kontak]{--zh:.95}.gx-app[data-view=privasi]{--zh:.54}}
@media (max-width:900px),(hover:none) and (pointer:coarse) and (max-width:1400px){.gx-app{--zh:1;--zw:1}}
@media (max-width:900px),(hover:none) and (pointer:coarse) and (max-width:1400px){.gx-app{height:auto!important;min-height:100vh!important;overflow:visible!important;width:100%!important;transform:none!important}.gx-app main{overflow:visible!important;flex:none!important}}
@media (max-width:760px){.gx-burger{display:flex!important}.gx-nav{display:none!important}.gx-nav.gx-open{display:flex!important;flex-direction:column;align-items:stretch!important;width:100%;gap:0!important;padding:4px 0 10px;border-top:1px solid #E3EAE6}.gx-nav.gx-open a{padding:14px 4px!important;font-size:15px;border-bottom:1px solid #EEF2EF}.gx-nav.gx-open a:last-child{margin-top:10px;text-align:center;border-bottom:0}.gx-burger.gx-open i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.gx-burger.gx-open i:nth-child(2){opacity:0}.gx-burger.gx-open i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}}
.gx-wrap{width:min(1188px,100%)}
@supports (width:calc(round(down,100px,10px) + 1px)){.gx-wrap{width:calc(round(down,min(1188px,100%) - 44px,88px) + 44px)}}
@container (max-width:400px){.gx-sub{display:none!important}.gx-nm{font-size:3.6cqw!important}}
@media (max-width:900px){.gx-p44{padding-left:28px!important;padding-right:28px!important}.gx-hubwrap{justify-content:center!important}.gx-card{flex-basis:260px!important}}
@media (max-width:699px){[data-bl]{border-left:0!important}}
@media (max-width:699px){.gx-p44{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:900px),(hover:none) and (pointer:coarse) and (max-width:1400px){.gx-mainin{padding-bottom:44px!important}}
@media (max-width:900px){.gx-photo{flex:1 1 100%!important}.gx-photow{width:100%!important}}
@media (max-width:699px){.gx-wrap{width:100%!important;box-sizing:border-box!important;padding-left:22px!important;padding-right:22px!important}.gx-app{background-position:22px 0!important}}
.gx-card{transition:transform .2s ease,box-shadow .2s ease}
.gx-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(3,78,45,.12)}
@media (max-width:760px){.gx-tim{grid-template-columns:1fr!important}.gx-tim>*{grid-column:1!important;grid-row:auto!important}.gx-mid,.gx-conn{display:none!important}}
@media (prefers-reduced-motion:reduce){.gx-ring1,.gx-ring2,.gx-d1,.gx-d2,.gx-d3,.gx-d4,.gx-cur,.gx-bar,.gx-hub{animation:none}.gx-card{transition:none}}
@media (min-width:901px) and (hover:hover){.gx-mainin{margin-top:auto!important;margin-bottom:auto!important}}
@media (min-width:901px) and (hover:hover){.gx-mainin{margin-top:0!important;margin-bottom:0!important}.gx-app>main::before{content:"";flex:2 1 0;min-height:0}.gx-app>main::after{content:"";flex:1 1 0;min-height:0}}
/* v3 turun 3:1 */
@media (min-width:901px) and (hover:hover){.gx-app>main::before{flex:3 1 0!important}.gx-app>main::after{flex:1 1 0!important}}
/* v4 logo header lebih kecil */
.gx-app>header img[src*="logo-griyoarto"]{height:56px!important;width:auto!important}
/* v5 smartphone rapi */
@media (max-width:760px){.gx-card h3[style*="min-height"]{min-height:0!important}span[style*="margin-right:8px"][style*="text-transform:uppercase"]{flex:1 1 100%!important;margin-right:0!important}}
/* v6 jarak atas seragam maksimal 3 kotak, tombol tidak patah baris */
@media (min-width:901px) and (hover:hover){.gx-app>main::before{max-height:132px}}
a[href*="globaltama.photo"],a[href*="staffahli.co"],a[href*="goesaff.pro"],a[href*="goestopo.lawyer"]{white-space:nowrap}

/* v7 ruang penyeimbang Kerja sama hanya di desktop */
@media (max-width:900px),(hover:none){.gx-spc{display:none!important}}