@charset "UTF-8";
:root{
  /* warna dasar (gelap premium) */
  --gc-black:#0B0C0E;
  --gc-black-2:#111318;
  --gc-surface:#171A1F;
  --gc-surface-2:#1E2229;
  --gc-line:rgba(255,255,255,.10);
  --gc-line-2:rgba(255,255,255,.18);
  /* warna terang */
  --gc-white:#FFFFFF;
  --gc-off:#F6F7F9;
  --gc-off-2:#ECEEF2;
  /* teks */
  --gc-ink:#12141A;
  --gc-ink-2:#2A2F38;
  --gc-muted:#5C636E;        /* teks sekunder di latar terang */
  --gc-muted-dark:#A8AFBA;   /* teks sekunder di latar gelap */
  /* aksen emas */
  --gc-gold:#FFC53D;
  --gc-gold-2:#F0A500;
  --gc-gold-ink:#7A4E00;     /* emas gelap untuk teks di latar terang */
  --gc-gold-soft:rgba(255,197,61,.14);
  /* tipografi */
  --gc-font-display:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --gc-font-body:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --gc-fs-xs:.8125rem;
  --gc-fs-sm:.9375rem;
  --gc-fs-base:1rem;
  --gc-fs-lg:1.0625rem;
  --gc-fs-xl:1.25rem;
  --gc-fs-2xl:clamp(1.5rem,1.15rem + 1.5vw,2.125rem);
  --gc-fs-3xl:clamp(1.875rem,1.35rem + 2.4vw,2.875rem);
  --gc-fs-4xl:clamp(2.25rem,1.5rem + 3.6vw,3.75rem);
  --gc-lh-tight:1.18;
  --gc-lh-snug:1.35;
  --gc-lh-body:1.7;
  /* spasi */
  --gc-sp-1:.25rem; --gc-sp-2:.5rem; --gc-sp-3:.75rem; --gc-sp-4:1rem;
  --gc-sp-5:1.5rem; --gc-sp-6:2rem; --gc-sp-7:2.5rem; --gc-sp-8:3rem;
  --gc-sp-10:4rem; --gc-sp-12:5rem;
  --gc-section-y:clamp(3.25rem,2rem + 5vw,5.5rem);
  /* bentuk & bayangan */
  --gc-r-sm:8px; --gc-r-md:14px; --gc-r-lg:20px; --gc-r-xl:28px; --gc-r-pill:999px;
  --gc-shadow-sm:0 1px 2px rgba(11,12,14,.06),0 4px 14px rgba(11,12,14,.06);
  --gc-shadow-md:0 10px 30px rgba(11,12,14,.10);
  --gc-shadow-dark:0 18px 45px rgba(0,0,0,.45);
  --gc-ring:0 0 0 3px rgba(255,197,61,.55);
  /* lain-lain */
  --gc-container:1160px;
  --gc-header-h:72px;
  --gc-t:.22s ease;
}

*,*::before,*::after{box-sizing:border-box; -webkit-tap-highlight-color: transparent;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;background:var(--gc-white);color:var(--gc-ink);
  font-family:var(--gc-font-body);font-size:var(--gc-fs-base);
  line-height:var(--gc-lh-body);font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg{max-width:100%;display:block;}
img{height:auto;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6,p{margin:0 0 var(--gc-sp-4);}
h1,h2,h3,h4,h5,h6{
  font-family:var(--gc-font-display);font-weight:600;
  line-height:var(--gc-lh-tight);color:var(--gc-ink);letter-spacing:-.01em;
}
h1{font-size:var(--gc-fs-4xl);font-weight:700;}
h2{font-size:var(--gc-fs-3xl);}
h3{font-size:var(--gc-fs-2xl);}
h4{font-size:var(--gc-fs-xl);}
p:last-child{margin-bottom:0;}

/* ------------------------------ 3. LAYOUT -------------------------- */
.container{width:100%;max-width:var(--gc-container);margin-inline:auto;padding-inline:clamp(1.125rem,4vw,2rem);}
.section{padding-block:var(--gc-section-y);}
.section--tight{padding-block:clamp(2.5rem,1.5rem + 3vw,4rem);}
.section--light{background:var(--gc-off);}
.section--dark{background:var(--gc-black);color:var(--gc-white);}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--gc-white);}
.section--dark p,.section--dark li{color:var(--gc-muted-dark);}
.stack > * + *{margin-top:var(--gc-sp-4);}
.grid{display:grid;gap:var(--gc-sp-5);}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.split{display:grid;gap:clamp(1.75rem,1rem + 3vw,3.5rem);align-items:center;}
@media (min-width:900px){.split{grid-template-columns:1.05fr .95fr;}}
.center{text-align:center;}
.center .lead{margin-inline:auto;}

/* ---------------------------- 4. TIPOGRAFI ------------------------- */
.lead{font-size:var(--gc-fs-lg);color:var(--gc-muted);max-width:62ch;line-height:1.65;}
.section--dark .lead{color:var(--gc-muted-dark);}
.eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:var(--gc-font-display);font-weight:600;font-size:var(--gc-fs-xs);
  letter-spacing:.16em;text-transform:uppercase;color:var(--gc-gold-ink);margin-bottom:var(--gc-sp-3);
}
.section--dark .eyebrow{color:var(--gc-gold);}
.eyebrow::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px;opacity:.75;}
.section-head{max-width:70ch;margin-bottom:clamp(2rem,1.25rem + 2vw,3rem);}
.section-head--center{margin-inline:auto;text-align:center;}
.section-head--center .lead{margin-inline:auto;}
.section-head--center .eyebrow{justify-content:center;}
.muted{color:var(--gc-muted);}
.section--dark .muted{color:var(--gc-muted-dark);}
.small{font-size:var(--gc-fs-sm);}
.tiny{font-size:var(--gc-fs-xs);}
strong,.strong{font-weight:600;color:inherit;}
.gold{color:var(--gc-gold-ink);}
.section--dark .gold{color:var(--gc-gold);}

/* ----------------------------- 5. BUTTONS -------------------------- */
.btn{
  --btn-bg:var(--gc-gold); --btn-fg:var(--gc-black); --btn-bd:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:48px;padding:.75rem 1.4rem;border:1.5px solid var(--btn-bd);
  background:var(--btn-bg);color:var(--btn-fg);border-radius:var(--gc-r-pill);
  font-family:var(--gc-font-display);font-weight:600;font-size:var(--gc-fs-sm);
  letter-spacing:.01em;cursor:pointer;text-align:center;text-decoration:none;
  transition:transform var(--gc-t),box-shadow var(--gc-t),background var(--gc-t),color var(--gc-t),border-color var(--gc-t);
}
.btn:hover{transform:translateY(-1px);box-shadow:var(--gc-shadow-md);}
.btn:active{transform:translateY(0);}
.btn--primary{--btn-bg:var(--gc-gold);--btn-fg:#141414;}
.btn--primary:hover{--btn-bg:var(--gc-gold-2);}
.btn--dark{--btn-bg:var(--gc-black);--btn-fg:var(--gc-white);--btn-bd:var(--gc-black);}
.btn--dark:hover{--btn-bg:#000;}
.btn--outline{--btn-bg:transparent;--btn-fg:var(--gc-ink);--btn-bd:var(--gc-line-2);border-color:var(--gc-ink);}
.btn--outline:hover{--btn-bg:var(--gc-ink);--btn-fg:var(--gc-white);}
.btn--on-dark{--btn-bg:transparent;--btn-fg:var(--gc-white);--btn-bd:rgba(255,255,255,.34);}
.btn--on-dark:hover{--btn-bg:rgba(255,255,255,.10);--btn-fg:var(--gc-white);border-color:rgba(255,255,255,.6);}
.btn--lg{min-height:54px;padding:.95rem 1.75rem;font-size:var(--gc-fs-base);}
.btn--block{width:100%;}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--gc-sp-3);}
.section--dark .btn-row{--gc-line-2:rgba(255,255,255,.3);}
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--gc-gold-ink);}
.section--dark .link-arrow{color:var(--gc-gold);}
.link-arrow:hover{text-decoration:underline;text-underline-offset:3px;}

/* ------------------------------ 6. HEADER -------------------------- */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--gc-gold);color:#141414;padding:.7rem 1.1rem;
  border-radius:0 0 var(--gc-r-sm) 0;font-weight:600;
}
.skip-link:focus{left:0;}
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(11,12,14,.92);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--gc-line);
}
.site-header__inner{
  display:flex;align-items:center;gap:var(--gc-sp-4);
  min-height:var(--gc-header-h);
}
.brand{display:flex;align-items:center;gap:.7rem;flex:0 0 auto;margin-right:auto;}
.brand__logo{width:auto;height:38px;}
.brand__text{display:flex;flex-direction:column;line-height:1.1;}
.brand__name{font-family:var(--gc-font-display);font-weight:700;color:var(--gc-white);font-size:1.0625rem;letter-spacing:.01em;}
.brand__tag{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gc-gold);}
.nav-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:44px;min-width:44px;padding:.5rem .85rem;
  background:transparent;border:1.5px solid var(--gc-line-2);border-radius:var(--gc-r-pill);
  color:var(--gc-white);cursor:pointer;
}
.nav-toggle__bars{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;}
.nav-toggle__label{font-family:var(--gc-font-display);font-weight:600;font-size:var(--gc-fs-xs);letter-spacing:.08em;text-transform:uppercase;}
.primary-nav{display:none;}
.primary-nav.is-open{
  display:block;position:absolute;left:0;right:0;top:100%;
  background:var(--gc-black-2);border-bottom:1px solid var(--gc-line);
  padding:var(--gc-sp-3) clamp(1.125rem,4vw,2rem) var(--gc-sp-5);
}
.primary-nav__list{display:flex;flex-direction:column;gap:.25rem;}
.primary-nav__link{
  display:flex;align-items:center;min-height:48px;padding:.5rem .25rem;
  font-family:var(--gc-font-display);font-weight:500;color:var(--gc-white);
  border-bottom:1px solid var(--gc-line);
}
.primary-nav__link[aria-current="page"]{color:var(--gc-gold);}
.primary-nav__cta{margin-top:var(--gc-sp-4);}
@media (min-width:900px){
  .nav-toggle{display:none;}
  .primary-nav{display:block;position:static;background:none;border:0;padding:0;}
  .primary-nav__list{flex-direction:row;align-items:center;gap:clamp(.35rem,1.4vw,1.15rem);}
  .primary-nav__link{min-height:40px;border-bottom:0;padding:.4rem .15rem;position:relative;}
  .primary-nav__link::after{
    content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;
    background:var(--gc-gold);transform:scaleX(0);transform-origin:left;transition:transform var(--gc-t);
  }
  .primary-nav__link:hover::after,.primary-nav__link[aria-current="page"]::after{transform:scaleX(1);}
  .primary-nav__cta{margin-top:0;margin-left:.35rem;}
  .primary-nav__cta .btn{min-height:44px;padding:.55rem 1.1rem;}
}

/* ------------------------------- 7. HERO --------------------------- */
.hero{
  position:relative;background:var(--gc-black);color:var(--gc-white);
  padding-block:clamp(3rem,2rem + 6vw,6rem);overflow:hidden;
  border-bottom:1px solid var(--gc-line);
}
.hero::before{
  content:"";position:absolute;inset:auto -20% -60% -20%;height:70%;
  background:radial-gradient(60% 60% at 50% 100%,rgba(255,197,61,.13) 0%,rgba(255,197,61,0) 70%);
  pointer-events:none;
}
.hero__inner{position:relative;display:grid;gap:clamp(2rem,1rem + 3vw,3.25rem);align-items:center;}
@media (min-width:960px){.hero__inner{grid-template-columns:1.05fr .95fr;}}
.hero h1{color:var(--gc-white);margin-bottom:var(--gc-sp-4);}
.hero__accent{color:var(--gc-gold);}
.hero__lead{font-size:clamp(1.0625rem,1rem + .4vw,1.25rem);color:var(--gc-muted-dark);max-width:56ch;}
.hero__actions{margin-top:var(--gc-sp-6);}
.hero__note{margin-top:var(--gc-sp-5);font-size:var(--gc-fs-sm);color:var(--gc-muted-dark);}
.hero__media{position:relative;}
.hero__media img{
  width:100%;height:auto;border-radius:var(--gc-r-lg);
  border:1px solid var(--gc-line-2);box-shadow:var(--gc-shadow-dark);
  background:var(--gc-surface);
}
/* halaman dalam (bukan homepage) */
.page-hero{
  background:var(--gc-black);color:var(--gc-white);
  padding-block:clamp(2.5rem,1.75rem + 4vw,4.5rem);border-bottom:1px solid var(--gc-line);
}
.page-hero h1{color:var(--gc-white);margin-bottom:var(--gc-sp-3);}
.page-hero .lead{color:var(--gc-muted-dark);margin-bottom:0;}
.hero-service{padding-bottom:clamp(2rem,1.25rem + 3vw,3.25rem);}
.hero-service .container{position:relative;z-index:2;}
.hero-service__inner{max-width:none;margin:0;text-align:left;}
@media (min-width:900px){.hero-service__inner{max-width:none;}}
.hero-service h1{color:var(--gc-white);margin-bottom:var(--gc-sp-3);}
.hero-service .lead{color:var(--gc-muted-dark);margin-bottom:0;max-width:none;}
.eyebrow--dark{color:var(--gc-gold);}

/* ----------------------- 8. SECTION DIVIDER/CHIPS ------------------ */
.chips{display:flex;flex-wrap:wrap;gap:var(--gc-sp-2);}
.chip{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.4rem .85rem;border:1px solid var(--gc-line-2);border-radius:var(--gc-r-pill);
  font-size:var(--gc-fs-xs);font-family:var(--gc-font-display);font-weight:600;
  letter-spacing:.04em;color:var(--gc-muted-dark);background:rgba(255,255,255,.03);
}
.chip svg{width:15px;height:15px;color:var(--gc-gold);flex:0 0 auto;}
.chip--light{border-color:var(--gc-off-2);color:var(--gc-muted);background:var(--gc-white);}
.chip--light svg{color:var(--gc-gold-ink);}

/* ------------------------------- 9. CARDS -------------------------- */
.card{
  position:relative;display:flex;flex-direction:column;gap:var(--gc-sp-3);
  background:var(--gc-white);border:1px solid var(--gc-off-2);border-radius:var(--gc-r-lg);
  padding:clamp(1.35rem,1rem + 1vw,1.9rem);
  transition:transform var(--gc-t),box-shadow var(--gc-t),border-color var(--gc-t);
}
.card--hover:hover{transform:translateY(-3px);box-shadow:var(--gc-shadow-md);border-color:rgba(240,165,0,.45);}
.card--dark{background:var(--gc-surface);border-color:var(--gc-line);}
.card--dark h4,.card--dark h3{color:var(--gc-white);}
.card--dark p,.card--dark li{color:var(--gc-muted-dark);}
.card--plain{background:transparent;border:0;padding:0;}
.card__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:var(--gc-r-md);
  background:var(--gc-gold-soft);color:var(--gc-gold-ink);flex:0 0 auto;
}
.card__icon svg{width:26px;height:26px;}
.card--dark .card__icon{background:rgba(255,197,61,.10);color:var(--gc-gold);}
.card__title{font-size:var(--gc-fs-lg);font-weight:600;margin:0;}
.card__text{font-size:var(--gc-fs-sm);color:var(--gc-muted);margin:0;}
.card__foot{margin-top:auto;padding-top:var(--gc-sp-2);}
.card__meta{display:flex;align-items:center;gap:.45rem;font-size:var(--gc-fs-sm);color:var(--gc-gold-ink);font-weight:500;}
.card--dark .card__meta{color:var(--gc-gold);}
.card__meta--muted{color:var(--gc-muted);}
.service-index{display:flex;flex-wrap:wrap;gap:var(--gc-sp-2);}
.service-index a{
  display:inline-flex;align-items:center;min-height:44px;padding:.45rem 1rem;
  border:1px solid var(--gc-off-2);border-radius:var(--gc-r-pill);background:var(--gc-white);
  font-family:var(--gc-font-display);font-weight:600;font-size:var(--gc-fs-sm);color:var(--gc-ink);
  transition:border-color var(--gc-t),color var(--gc-t),background var(--gc-t);
}
.service-index a:hover{border-color:var(--gc-gold-2);background:var(--gc-gold-soft);color:var(--gc-gold-ink);}

/* ---------------------- 10. LIST BER-ICON (bullets) ---------------- */
.tick-list{display:grid;gap:.6rem;}
.tick-list li{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--gc-fs-sm);color:var(--gc-muted);}
.tick-list svg{width:17px;height:17px;flex:0 0 auto;margin-top:.25rem;color:var(--gc-gold-ink);}
.section--dark .tick-list li,.card--dark .tick-list li{color:var(--gc-muted-dark);}
.section--dark .tick-list svg,.card--dark .tick-list svg{color:var(--gc-gold);}
.tick-list--two{grid-template-columns:1fr;}
@media (min-width:700px){.tick-list--two{grid-template-columns:1fr 1fr;column-gap:var(--gc-sp-5);}}
.note{
  display:flex;gap:.6rem;align-items:flex-start;
  padding:.85rem 1rem;border-radius:var(--gc-r-md);
  background:var(--gc-gold-soft);border:1px solid rgba(240,165,0,.28);
  font-size:var(--gc-fs-sm);color:var(--gc-ink-2);
}
.note svg{width:18px;height:18px;flex:0 0 auto;margin-top:.2rem;color:var(--gc-gold-ink);}
.note--dark{background:rgba(255,197,61,.08);border-color:rgba(255,197,61,.25);color:var(--gc-muted-dark);}
.note--dark svg{color:var(--gc-gold);}

/* --------------------------- 11. MEDIA / PANEL --------------------- */
.media-frame{
  position:relative;border-radius:var(--gc-r-lg);overflow:hidden;
  border:1px solid var(--gc-off-2);background:var(--gc-off);box-shadow:var(--gc-shadow-sm);
}
.media-frame img{width:100%;height:auto;}
.media-frame--dark{border-color:var(--gc-line-2);background:var(--gc-surface);box-shadow:var(--gc-shadow-dark);}
.fact-panel{background:var(--gc-black);color:var(--gc-white);border-radius:var(--gc-r-lg);padding:clamp(1.5rem,1rem + 1.5vw,2.25rem);}
.fact-panel h3{color:var(--gc-white);margin-bottom:var(--gc-sp-4);}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gc-sp-4);margin-block:var(--gc-sp-5);}
.stat{border-left:2px solid var(--gc-gold);padding-left:var(--gc-sp-4);}
.stat__value{font-family:var(--gc-font-display);font-weight:700;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);color:var(--gc-white);line-height:1.1;}
.stat__label{font-size:var(--gc-fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gc-muted-dark);margin-top:.35rem;}
.fact-list{display:grid;gap:.75rem;}
.fact-list__row{display:grid;gap:.15rem;padding-bottom:.75rem;border-bottom:1px solid var(--gc-line);}
.fact-list__row:last-child{border-bottom:0;padding-bottom:0;}
.fact-list__key{font-size:var(--gc-fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gc-gold);}
.fact-list__val{font-size:var(--gc-fs-sm);color:var(--gc-white);}

/* ------------------------------ 12. CTA BAND ----------------------- */
.cta-band{
  background:linear-gradient(180deg,var(--gc-black-2),var(--gc-black));
  color:var(--gc-white);border-block:1px solid var(--gc-line);
}
.cta-band__inner{display:grid;gap:var(--gc-sp-5);align-items:center;}
@media (min-width:900px){.cta-band__inner{grid-template-columns:1.4fr auto;}}
.cta-band h2{color:var(--gc-white);margin-bottom:var(--gc-sp-3);}
.cta-band p{color:var(--gc-muted-dark);margin:0;}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:var(--gc-sp-3);}

/* ------------------------------ 13. FOOTER ------------------------- */
.site-footer{background:var(--gc-black);color:var(--gc-muted-dark);padding-block:clamp(2.5rem,1.75rem + 3vw,4rem) var(--gc-sp-5);}
.site-footer__grid{display:grid;gap:var(--gc-sp-6);}
@media (min-width:760px){.site-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--gc-sp-5);}}
.site-footer h3,.site-footer h4{color:var(--gc-white);font-size:var(--gc-fs-base);margin-bottom:var(--gc-sp-3);}
.site-footer p{font-size:var(--gc-fs-sm);}
.site-footer__brand{display:flex;align-items:center;gap:.7rem;margin-bottom:var(--gc-sp-3);}
.site-footer__brand img{height:34px;width:auto;}
.site-footer__links{display:grid;gap:.5rem;}
.site-footer__links a{font-size:var(--gc-fs-sm);color:var(--gc-muted-dark);display:inline-flex;align-items:center;min-height:32px;}
.site-footer__links a:hover{color:var(--gc-gold);text-decoration:underline;text-underline-offset:3px;}
.site-footer__contact{display:grid;gap:.7rem;}
.site-footer__contact a,.site-footer__contact span{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--gc-fs-sm);color:var(--gc-muted-dark);}
.site-footer__contact svg{width:17px;height:17px;flex:0 0 auto;margin-top:.25rem;color:var(--gc-gold);}
.site-footer__contact a:hover{color:var(--gc-gold);}
.site-footer__bottom{
  margin-top:var(--gc-sp-7);padding-top:var(--gc-sp-5);border-top:1px solid var(--gc-line);
  display:grid;gap:var(--gc-sp-3);font-size:var(--gc-fs-xs);color:var(--gc-muted-dark);
}
@media (min-width:760px){.site-footer__bottom{grid-template-columns:1fr auto;align-items:center;}}

/* --------------------------- 14. WHATSAPP FAB ---------------------- */
.whatsapp-fab{
  position:fixed;right:clamp(.9rem,3vw,1.75rem);bottom:clamp(.9rem,3vw,1.75rem);z-index:70;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:52px;min-width:52px;padding:.75rem 1.15rem;
  background:var(--gc-gold);color:#141414;border-radius:var(--gc-r-pill);
  font-family:var(--gc-font-display);font-weight:600;font-size:var(--gc-fs-sm);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  transition:transform var(--gc-t),box-shadow var(--gc-t),background var(--gc-t);
}
.whatsapp-fab:hover{transform:translateY(-2px);background:var(--gc-gold-2);box-shadow:0 16px 34px rgba(0,0,0,.34);}
.whatsapp-fab svg{width:22px;height:22px;}
.whatsapp-fab__text{display:none;}
@media (min-width:600px){.whatsapp-fab__text{display:inline;}}

/* --------------------------- 15. UTILITAS -------------------------- */
.visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.mt-0{margin-top:0;}.mb-0{margin-bottom:0;}
.mt-5{margin-top:var(--gc-sp-5);}.mt-6{margin-top:var(--gc-sp-6);}
.mt-7{margin-top:var(--gc-sp-7);}.mt-8{margin-top:var(--gc-sp-8);}
.mb-5{margin-bottom:var(--gc-sp-5);}.mb-6{margin-bottom:var(--gc-sp-6);}
.mx-auto{margin-inline:auto;}
.max-60{max-width:60ch;}.max-70{max-width:70ch;}
.divider{height:1px;background:var(--gc-off-2);border:0;margin-block:var(--gc-sp-6);}
.section--dark .divider{background:var(--gc-line);}
.anchor-offset{scroll-margin-top:calc(var(--gc-header-h) + 18px);}

/* --------------------- 16. FOCUS & MOTION & CETAK ------------------ */
a:focus-visible,button:focus-visible,.btn:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--gc-gold);outline-offset:3px;border-radius:var(--gc-r-sm);
}
.section--dark a:focus-visible,.site-header a:focus-visible,.site-footer a:focus-visible{outline-color:var(--gc-gold);}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important;transform:none!important;}
}
@media print{
  .site-header,.whatsapp-fab,.cta-band{display:none!important;}
  body{background:#fff;color:#000;}
}

/* ------------------- 17. VARIAN STATISTIK (latar terang) ----------- */
.stat--light .stat__value{color:var(--gc-ink);}
.stat--light .stat__label{color:var(--gc-muted);}
.stat--light{display:block;}