/* Hero galaksi LP Creator & Brand (Ji 1 Okt 13:54: LP baru dipakai di live). */
@font-face{font-family:"Grotesk";src:url(/static/lp-galaksi/fonts/spacegrotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"JBMono";src:url(/static/lp-galaksi/fonts/jbmono.woff2) format("woff2");font-weight:100 800;font-display:swap}
html,body{background:#000}
.pub-nav{position:fixed!important;top:0!important;transform:none!important}
.pub-nav::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:240px;background:#000;pointer-events:none}
@media (min-width:640px){.gxpill{display:none!important}}
.gxpill{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0d0d0d}
.gxpill a{padding:4px 14px;border-radius:6px;font-size:13px;font-weight:500;line-height:18px;color:#fff;text-decoration:none}
.gxpill a.on{background:#b40589}
.gxh .bjudul{font-size:clamp(26px,3.15vw,48px);font-weight:500;line-height:1.18;letter-spacing:-.02em;color:rgba(255,255,255,.92);margin:0}
.gxh .bjudul span{background:linear-gradient(97.8deg,#b40589 .8%,#FF8D5A 84.88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gxh .bsub{max-width:560px;font-size:clamp(15px,1.3vw,19px);line-height:1.6;color:rgba(255,255,255,.62);margin:0}
.gxh .bcta{display:inline-block;padding:11px 22px;border-radius:9px;color:#fff;font-weight:500;text-decoration:none;background:linear-gradient(135deg,#ff043e 0%,#d70656 26%,#b40589 55%,#8f04c4 78%,#7202ff 100%);box-shadow:inset 0 4px 8px rgba(255,255,255,.15),inset 0 -4px 6px rgba(0,0,0,.16)}
.gxh{position:relative;overflow:hidden;display:flex!important;grid-template-columns:none!important;background:radial-gradient(ellipse 70% 55% at 50% 66%,#140b20 0%,#050308 60%,#000 100%);min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:78px 16px 56px;container-type:inline-size}
.gxh #gx{position:absolute;inset:0;pointer-events:none;z-index:0}
.gxh{padding-bottom:0!important;min-height:0!important}
.gxh+section{padding-top:clamp(28px,4vw,48px)!important;margin-top:0!important}
.gxh .gxscene{position:relative;width:100%;max-width:1180px;height:clamp(360px,60vh,640px);margin-top:8px;pointer-events:none}
.gxh .htxt{position:relative;color:#fff;z-index:2;width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;margin-top:clamp(12px,3vh,40px)}
@media (max-width:760px){.gxh{padding:72px 14px 0}.gxh .gxscene{height:min(90vw,400px)}.gxh .htxt{gap:22px}}

/* 1 Okt 14:33 (Ji): judul HP = Creator 2 baris, Brand 3 baris. Ukuran huruf mengikuti lebar layar
   supaya baris terpanjang ("Mulai Berkarya sebagai Creator & Clipper" / "Perluas Jangkauan Brand
   bersama Clipper.", ±20,7x tinggi huruf) muat satu baris; sisa ±3% sebagai pengaman. Desktop tidak berubah. */
@media (max-width:760px){
  .gxh .htxt h2,.gxh .htxt h1.bjudul{font-size:min(calc((100vw - 28px) / 21.4),26px)!important;line-height:1.22!important}
}
@media (min-width:761px){.gx-br-hp{display:none}}

/* 1 Okt 14:46 (Ji): LP Creator — badge "1.000+ Orang..." di bawah animasi; judul lebih besar,
   tetap 2 baris (HP: pakai hampir seluruh lebar layar + huruf sedikit dirapatkan; desktop: 2 baris lebar). */
.gxh .gx-bayar{position:relative;z-index:2;display:flex;justify-content:center;margin:6px 0 0;padding:0 14px 8px}
.gxh .htxt h2.gx-judul-c{letter-spacing:-.018em}
@media (max-width:760px){
  .gxh .htxt h2.gx-judul-c{font-size:min(calc((100vw - 14px) / 20.1),30px)!important;line-height:1.2!important;width:calc(100vw - 12px);max-width:none}
}
@media (min-width:761px){
  .gxh .htxt h2.gx-judul-c{font-size:clamp(34px,3.75vw,56px)!important;width:min(1180px,94vw);max-width:none}
}