/* =========================================================
   0. HARD SCOPE RESET
========================================================= */

#sslp-pulang-root,
#sslp-pulang-root *,
#sslp-pulang-root *::before,
#sslp-pulang-root *::after{
  box-sizing:border-box !important;
}

#sslp-pulang-root{
  --pulang-bg:#07101d;
  --pulang-bg-deep:#040911;
  --pulang-bg-soft:#101d2d;

  --pulang-surface:rgba(255,255,255,.058);
  --pulang-surface-2:rgba(255,255,255,.086);
  --pulang-surface-strong:rgba(255,255,255,.118);

  --pulang-border:rgba(210,174,104,.24);
  --pulang-border-soft:rgba(255,255,255,.10);
  --pulang-border-strong:rgba(210,174,104,.42);

  --pulang-text:#f5efe3;
  --pulang-muted:rgba(245,239,227,.74);
  --pulang-soft:rgba(245,239,227,.56);

  --pulang-gold:#c8a15a;
  --pulang-gold-2:#ead39a;

  --pulang-blue:#24394d;
  --pulang-blue-soft:rgba(90,132,176,.18);
  --pulang-blue-soft-2:rgba(90,132,176,.10);

  --pulang-shadow:0 28px 86px rgba(0,0,0,.34);
  --pulang-shadow-soft:0 18px 56px rgba(0,0,0,.18);

  --pulang-radius-xl:34px;
  --pulang-radius-lg:24px;
  --pulang-radius-md:18px;

  --pulang-max:1180px;
  --pulang-serif:Georgia, "Times New Roman", serif;
  --pulang-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  isolation:isolate !important;

  color:var(--pulang-text) !important;
  font-family:var(--pulang-sans) !important;
  font-size:16px !important;
  line-height:1.65 !important;

  background:
    radial-gradient(circle at 18% 4%, rgba(200,161,90,.13), transparent 31%),
    radial-gradient(circle at 80% 12%, rgba(86,125,174,.17), transparent 36%),
    radial-gradient(circle at 46% 74%, rgba(200,161,90,.07), transparent 34%),
    radial-gradient(circle at 24% 88%, rgba(90,132,176,.055), transparent 35%),
    linear-gradient(90deg, rgba(200,161,90,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--pulang-bg-deep) 0%, var(--pulang-bg) 48%, #0d1b2d 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}

#sslp-pulang-root[data-theme="light"]{
  --pulang-bg:#f7f1e7;
  --pulang-bg-deep:#fff9ef;
  --pulang-bg-soft:#eef3f8;

  --pulang-surface:rgba(255,255,255,.74);
  --pulang-surface-2:rgba(255,255,255,.92);
  --pulang-surface-strong:rgba(255,255,255,.98);

  --pulang-border:rgba(120,82,35,.22);
  --pulang-border-soft:rgba(28,43,64,.12);
  --pulang-border-strong:rgba(120,82,35,.36);

  --pulang-text:#182335;
  --pulang-muted:rgba(24,35,53,.74);
  --pulang-soft:rgba(24,35,53,.56);

  --pulang-gold:#9f7430;
  --pulang-gold-2:#7d5520;

  --pulang-blue:#e6edf5;
  --pulang-blue-soft:rgba(55,91,137,.13);
  --pulang-blue-soft-2:rgba(55,91,137,.08);

  --pulang-shadow:0 28px 76px rgba(35,35,35,.12);
  --pulang-shadow-soft:0 18px 52px rgba(35,35,35,.10);

  color:var(--pulang-text) !important;
  background:
    radial-gradient(circle at 18% 4%, rgba(159,116,48,.12), transparent 32%),
    radial-gradient(circle at 80% 12%, rgba(55,91,137,.10), transparent 36%),
    radial-gradient(circle at 46% 74%, rgba(159,116,48,.055), transparent 34%),
    linear-gradient(90deg, rgba(159,116,48,.018) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, #fff9ef 0%, #f5efe5 52%, #eaf0f7 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}


/* =========================================================
   1. TAGDIV AND NEWSPAPER GUARD
========================================================= */

#sslp-pulang-root h1,
#sslp-pulang-root h2,
#sslp-pulang-root h3,
#sslp-pulang-root h4,
#sslp-pulang-root p,
#sslp-pulang-root span,
#sslp-pulang-root strong,
#sslp-pulang-root div,
#sslp-pulang-root article,
#sslp-pulang-root aside,
#sslp-pulang-root section,
#sslp-pulang-root header,
#sslp-pulang-root footer,
#sslp-pulang-root a,
#sslp-pulang-root button{
  font-family:inherit !important;
  text-shadow:none !important;
}

#sslp-pulang-root h1,
#sslp-pulang-root h2,
#sslp-pulang-root h3,
#sslp-pulang-root h4{
  margin-top:0 !important;
  color:var(--pulang-text) !important;
  text-transform:none !important;
}

#sslp-pulang-root p{
  margin-top:0 !important;
  color:var(--pulang-muted) !important;
}

#sslp-pulang-root a,
#sslp-pulang-root a:link,
#sslp-pulang-root a:visited,
#sslp-pulang-root a:hover,
#sslp-pulang-root a:active{
  color:inherit !important;
  text-decoration:none !important;
  outline:none !important;
}

#sslp-pulang-root button{
  appearance:none !important;
  -webkit-appearance:none !important;
  font:inherit !important;
  border:0 !important;
  outline:none !important;
  cursor:pointer !important;
}


/* =========================================================
   2. LAYOUT AND TYPOGRAPHY
========================================================= */

#sslp-pulang-root .sslp-pulang-shell{
  width:min(var(--pulang-max), calc(100% - 32px)) !important;
  margin:0 auto !important;
  position:relative !important;
  z-index:3 !important;
}

#sslp-pulang-root .sslp-pulang-bg-ring{
  position:absolute !important;
  right:-10vw !important;
  top:14% !important;
  width:min(58vw, 700px) !important;
  height:min(58vw, 700px) !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.12) !important;
  opacity:.55 !important;
  z-index:1 !important;
  pointer-events:none !important;
}

#sslp-pulang-root .sslp-pulang-bg-ring::before,
#sslp-pulang-root .sslp-pulang-bg-ring::after{
  content:"" !important;
  position:absolute !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.065) !important;
}

#sslp-pulang-root .sslp-pulang-bg-ring::before{
  inset:14% !important;
}

#sslp-pulang-root .sslp-pulang-bg-ring::after{
  inset:31% !important;
  border-color:rgba(200,161,90,.11) !important;
}

#sslp-pulang-root h1{
  max-width:780px !important;
  margin:0 0 20px !important;
  font-family:var(--pulang-serif) !important;
  font-size:clamp(34px, 4vw, 58px) !important;
  line-height:1.04 !important;
  letter-spacing:-.042em !important;
  font-weight:720 !important;
}

#sslp-pulang-root h2{
  margin:0 !important;
  font-family:var(--pulang-serif) !important;
  font-size:clamp(24px, 2.4vw, 34px) !important;
  line-height:1.14 !important;
  letter-spacing:-.032em !important;
  font-weight:700 !important;
}

#sslp-pulang-root h3{
  margin:0 0 8px !important;
  font-family:var(--pulang-serif) !important;
  font-size:clamp(18px, 1.35vw, 21px) !important;
  line-height:1.2 !important;
  letter-spacing:-.018em !important;
  font-weight:700 !important;
}


/* =========================================================
   3. TOPBAR AND FOOTER
========================================================= */

#sslp-pulang-root .sslp-pulang-topbar,
#sslp-pulang-root .sslp-pulang-footerbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  position:relative !important;
  z-index:5 !important;
}

#sslp-pulang-root .sslp-pulang-topbar{
  padding:24px 0 14px !important;
}

#sslp-pulang-root .sslp-pulang-nav{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

#sslp-pulang-root .sslp-pulang-pill,
#sslp-pulang-root .sslp-pulang-toggle,
#sslp-pulang-root .sslp-pulang-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  border-radius:999px !important;
  transition:
    transform .24s ease,
    background .24s ease,
    border-color .24s ease,
    color .24s ease !important;
}

#sslp-pulang-root .sslp-pulang-pill,
#sslp-pulang-root .sslp-pulang-toggle{
  min-height:36px !important;
  padding:8px 13px !important;
  border:1px solid var(--pulang-border-soft) !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--pulang-muted) !important;
  font-size:11.5px !important;
  font-weight:780 !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-pill,
#sslp-pulang-root[data-theme="light"] .sslp-pulang-toggle{
  background:rgba(255,255,255,.72) !important;
}

#sslp-pulang-root .sslp-pulang-pill:hover,
#sslp-pulang-root .sslp-pulang-toggle:hover{
  transform:translateY(-2px) !important;
  color:var(--pulang-text) !important;
  border-color:var(--pulang-border-strong) !important;
  background:var(--pulang-surface-2) !important;
}

#sslp-pulang-root .sslp-pulang-brand{
  color:var(--pulang-gold) !important;
  font-size:11.5px !important;
  font-weight:840 !important;
  line-height:1.3 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

#sslp-pulang-root .sslp-pulang-footerbar{
  padding:24px 0 38px !important;
  border-top:1px solid var(--pulang-border-soft) !important;
  color:var(--pulang-soft) !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  flex-wrap:wrap !important;
}

#sslp-pulang-root .sslp-pulang-footerbar span,
#sslp-pulang-root .sslp-pulang-footerbar a{
  color:var(--pulang-soft) !important;
}

#sslp-pulang-root .sslp-pulang-footerbar a{
  border-bottom:1px solid transparent !important;
  transition:color .24s ease, border-color .24s ease !important;
}

#sslp-pulang-root .sslp-pulang-footerbar a:hover{
  color:var(--pulang-gold) !important;
  border-color:var(--pulang-gold) !important;
}


/* =========================================================
   4. HERO
========================================================= */

#sslp-pulang-root .sslp-pulang-hero{
  position:relative !important;
  padding:58px 0 40px !important;
}

#sslp-pulang-root .sslp-pulang-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.03fr) minmax(340px, .97fr) !important;
  gap:42px !important;
  align-items:center !important;
}

#sslp-pulang-root .sslp-pulang-kicker,
#sslp-pulang-root .sslp-pulang-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  color:var(--pulang-gold) !important;
  font-size:11px !important;
  font-weight:860 !important;
  line-height:1.2 !important;
  letter-spacing:.145em !important;
  text-transform:uppercase !important;
}

#sslp-pulang-root .sslp-pulang-kicker{
  gap:10px !important;
  margin-bottom:16px !important;
}

#sslp-pulang-root .sslp-pulang-kicker::before{
  content:"" !important;
  width:34px !important;
  height:1px !important;
  background:var(--pulang-gold) !important;
  opacity:.85 !important;
}

#sslp-pulang-root .sslp-pulang-lead{
  max-width:725px !important;
  margin:0 0 22px !important;
  color:var(--pulang-muted) !important;
  font-size:clamp(15.5px, 1.18vw, 17.5px) !important;
  line-height:1.74 !important;
  font-weight:400 !important;
}

#sslp-pulang-root .sslp-pulang-quote{
  max-width:690px !important;
  margin:0 0 26px !important;
  padding:16px 18px 16px 20px !important;
  border-left:2px solid var(--pulang-gold) !important;
  border-radius:0 18px 18px 0 !important;
  background:
    linear-gradient(90deg, rgba(200,161,90,.105), rgba(200,161,90,.028)) !important;
  color:var(--pulang-text) !important;
  font-family:var(--pulang-serif) !important;
  font-size:clamp(17px, 1.48vw, 21px) !important;
  line-height:1.48 !important;
  letter-spacing:-.018em !important;
}

#sslp-pulang-root .sslp-pulang-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:24px !important;
}

#sslp-pulang-root .sslp-pulang-btn{
  min-height:44px !important;
  padding:11px 17px !important;
  border:1px solid var(--pulang-border) !important;
  font-size:12.5px !important;
  font-weight:830 !important;
  line-height:1.2 !important;
  letter-spacing:.035em !important;
}

#sslp-pulang-root .sslp-pulang-btn.primary{
  color:#130f09 !important;
  background:linear-gradient(135deg, #d9b66e, #f3dfa8) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 16px 42px rgba(200,161,90,.16) !important;
}

#sslp-pulang-root .sslp-pulang-btn.secondary{
  color:var(--pulang-text) !important;
  background:rgba(255,255,255,.06) !important;
  border-color:var(--pulang-border-soft) !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-btn.secondary{
  background:rgba(255,255,255,.74) !important;
}

#sslp-pulang-root .sslp-pulang-btn:hover{
  transform:translateY(-3px) !important;
  border-color:var(--pulang-border-strong) !important;
}


/* =========================================================
   5. HERO VISUAL: RETURN-TO-CENTER FIELD
========================================================= */

#sslp-pulang-root .sslp-pulang-visual{
  position:relative !important;
  min-height:510px !important;
  border:1px solid var(--pulang-border) !important;
  border-radius:var(--pulang-radius-xl) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.026)),
    radial-gradient(circle at 50% 34%, rgba(200,161,90,.15), transparent 31%),
    radial-gradient(circle at 42% 74%, rgba(90,132,176,.18), transparent 33%),
    linear-gradient(145deg, rgba(6,12,22,.96), rgba(18,39,64,.64)) !important;
  box-shadow:var(--pulang-shadow) !important;
  overflow:hidden !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-visual{
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.58)),
    radial-gradient(circle at 50% 34%, rgba(159,116,48,.13), transparent 31%),
    radial-gradient(circle at 42% 74%, rgba(55,91,137,.12), transparent 33%),
    linear-gradient(145deg, rgba(255,250,240,.92), rgba(221,233,246,.72)) !important;
}

#sslp-pulang-root .sslp-pulang-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  border-radius:30px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(255,255,255,.052) 49.9% 50.1%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(255,255,255,.038) 49.9% 50.1%, transparent 50.3%) !important;
  opacity:.62 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-pulang-root .sslp-pulang-visual::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:44% !important;
  width:76% !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) rotate(12deg) !important;
  border-radius:50% !important;
  border:1px dashed rgba(224,192,121,.18) !important;
  box-shadow:
    0 0 86px rgba(200,161,90,.10),
    inset 0 0 72px rgba(90,132,176,.07) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-pulang-root .sslp-pulang-map{
  position:absolute !important;
  inset:28px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.085) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(224,192,121,.20), transparent 0 12%, transparent 13%),
    radial-gradient(circle at 50% 42%, transparent 0 34%, rgba(255,255,255,.09) 34.3% 34.8%, transparent 35%),
    radial-gradient(circle at 50% 42%, transparent 0 58%, rgba(200,161,90,.11) 58.3% 58.8%, transparent 59%),
    radial-gradient(circle at 50% 42%, transparent 0 76%, rgba(255,255,255,.055) 76.3% 76.8%, transparent 77%),
    linear-gradient(135deg, rgba(255,255,255,.03), transparent) !important;
  z-index:2 !important;
}

#sslp-pulang-root .sslp-pulang-horizon{
  position:absolute !important;
  left:50% !important;
  top:46% !important;
  width:78% !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg, transparent, rgba(224,192,121,.48), transparent) !important;
  z-index:3 !important;
}

#sslp-pulang-root .sslp-pulang-light{
  position:absolute !important;
  left:50% !important;
  top:39% !important;
  width:112px !important;
  height:112px !important;
  transform:translate(-50%, -50%) !important;
  border-radius:50% !important;
  border:1px solid rgba(224,192,121,.56) !important;
  background:
    radial-gradient(circle, rgba(224,192,121,.36), rgba(224,192,121,.13) 46%, rgba(14,27,46,.42) 72%) !important;
  box-shadow:
    0 0 92px rgba(200,161,90,.22),
    0 0 0 34px rgba(200,161,90,.018) !important;
  z-index:4 !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-light{
  background:
    radial-gradient(circle, rgba(224,192,121,.30), rgba(255,255,255,.54) 54%, rgba(255,255,255,.22) 78%) !important;
}

#sslp-pulang-root .sslp-pulang-water{
  position:absolute !important;
  left:50% !important;
  bottom:36px !important;
  width:82% !important;
  height:164px !important;
  transform:translateX(-50%) !important;
  border-radius:50% 50% 28px 28px !important;
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,.055) 0 1px, transparent 1px 18px),
    radial-gradient(ellipse at 50% 0%, rgba(224,192,121,.17), transparent 60%) !important;
  border-top:1px solid rgba(224,192,121,.23) !important;
  opacity:.92 !important;
  z-index:3 !important;
}

#sslp-pulang-root .sslp-pulang-center{
  position:absolute !important;
  left:50% !important;
  bottom:94px !important;
  transform:translateX(-50%) !important;
  z-index:5 !important;
  min-width:142px !important;
  padding:13px 20px !important;
  border-radius:999px !important;
  border:1px solid rgba(224,192,121,.42) !important;
  background:rgba(255,255,255,.078) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  text-align:center !important;
  color:var(--pulang-text) !important;
  font-family:var(--pulang-serif) !important;
  font-size:18px !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-center{
  background:rgba(255,255,255,.74) !important;
}

#sslp-pulang-root .sslp-pulang-node{
  position:absolute !important;
  min-width:112px !important;
  padding:10px 12px !important;
  border-radius:999px !important;
  border:1px solid var(--pulang-border-soft) !important;
  background:rgba(255,255,255,.066) !important;
  color:var(--pulang-muted) !important;
  font-size:11px !important;
  font-weight:820 !important;
  line-height:1.2 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  z-index:5 !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-node{
  background:rgba(255,255,255,.74) !important;
}

#sslp-pulang-root .node-1{ left:46px !important; top:70px !important; }
#sslp-pulang-root .node-2{ right:48px !important; top:84px !important; }
#sslp-pulang-root .node-3{ left:58px !important; bottom:94px !important; }
#sslp-pulang-root .node-4{ right:62px !important; bottom:104px !important; }


/* =========================================================
   6. SECTION BASE
========================================================= */

#sslp-pulang-root .sslp-pulang-section{
  position:relative !important;
  padding:48px 0 !important;
  z-index:2 !important;
  scroll-margin-top:92px !important;
}

#sslp-pulang-root .sslp-pulang-section-head{
  display:grid !important;
  grid-template-columns:minmax(0, .78fr) minmax(320px, .62fr) !important;
  gap:28px !important;
  align-items:end !important;
  margin-bottom:28px !important;
}

#sslp-pulang-root .sslp-pulang-eyebrow{
  margin-bottom:12px !important;
}

#sslp-pulang-root .sslp-pulang-desc{
  margin:0 !important;
  color:var(--pulang-muted) !important;
  font-size:15.5px !important;
  line-height:1.76 !important;
}

#sslp-pulang-root .sslp-pulang-dual{
  display:grid !important;
  grid-template-columns:minmax(0, .78fr) minmax(300px, .52fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}


/* =========================================================
   7. PANEL SYSTEM
========================================================= */

#sslp-pulang-root .sslp-pulang-card,
#sslp-pulang-root .sslp-pulang-panel,
#sslp-pulang-root .sslp-pulang-note,
#sslp-pulang-root .sslp-pulang-mini,
#sslp-pulang-root .sslp-pulang-route,
#sslp-pulang-root .sslp-pulang-faq-item,
#sslp-pulang-root .sslp-pulang-closing{
  position:relative !important;
  border:1px solid var(--pulang-border-soft) !important;
  border-radius:var(--pulang-radius-lg) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(200,161,90,.080), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.062), rgba(255,255,255,.022)) !important;
  box-shadow:var(--pulang-shadow-soft) !important;
  overflow:hidden !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-card,
#sslp-pulang-root[data-theme="light"] .sslp-pulang-mini,
#sslp-pulang-root[data-theme="light"] .sslp-pulang-route,
#sslp-pulang-root[data-theme="light"] .sslp-pulang-faq-item{
  background:
    radial-gradient(circle at 86% 10%, rgba(159,116,48,.070), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.54)) !important;
  box-shadow:0 14px 38px rgba(24,33,48,.08) !important;
}

#sslp-pulang-root .sslp-pulang-panel,
#sslp-pulang-root .sslp-pulang-note,
#sslp-pulang-root .sslp-pulang-closing{
  border-color:var(--pulang-border) !important;
  border-radius:var(--pulang-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(200,161,90,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, var(--pulang-blue-soft-2), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.073), rgba(255,255,255,.028)) !important;
  box-shadow:var(--pulang-shadow) !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-panel,
#sslp-pulang-root[data-theme="light"] .sslp-pulang-note,
#sslp-pulang-root[data-theme="light"] .sslp-pulang-closing{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.09), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(55,91,137,.06), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.64)) !important;
}

#sslp-pulang-root .sslp-pulang-panel,
#sslp-pulang-root .sslp-pulang-note,
#sslp-pulang-root .sslp-pulang-closing{
  padding:28px !important;
}

#sslp-pulang-root .sslp-pulang-card,
#sslp-pulang-root .sslp-pulang-mini,
#sslp-pulang-root .sslp-pulang-route{
  padding:21px !important;
}

#sslp-pulang-root .sslp-pulang-panel::before,
#sslp-pulang-root .sslp-pulang-note::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:32px !important;
  bottom:32px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, transparent, var(--pulang-gold), transparent) !important;
  opacity:.42 !important;
}

#sslp-pulang-root .sslp-pulang-panel::after,
#sslp-pulang-root .sslp-pulang-note::after,
#sslp-pulang-root .sslp-pulang-closing::after{
  content:"" !important;
  position:absolute !important;
  right:-118px !important;
  bottom:-130px !important;
  width:330px !important;
  height:330px !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.13) !important;
  box-shadow:
    0 0 0 46px rgba(200,161,90,.014),
    0 0 0 96px rgba(90,132,176,.010) !important;
  pointer-events:none !important;
  opacity:.46 !important;
}

#sslp-pulang-root .sslp-pulang-card::before,
#sslp-pulang-root .sslp-pulang-mini::before,
#sslp-pulang-root .sslp-pulang-route::before,
#sslp-pulang-root .sslp-pulang-faq-item::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(200,161,90,.44), transparent) !important;
  opacity:.62 !important;
}

#sslp-pulang-root .sslp-pulang-card::after,
#sslp-pulang-root .sslp-pulang-mini::after,
#sslp-pulang-root .sslp-pulang-route::after{
  content:"" !important;
  position:absolute !important;
  right:-48px !important;
  bottom:-56px !important;
  width:142px !important;
  height:142px !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.12) !important;
  opacity:.42 !important;
  pointer-events:none !important;
}

#sslp-pulang-root .sslp-pulang-panel > *,
#sslp-pulang-root .sslp-pulang-note > *,
#sslp-pulang-root .sslp-pulang-closing > *,
#sslp-pulang-root .sslp-pulang-card > *,
#sslp-pulang-root .sslp-pulang-mini > *,
#sslp-pulang-root .sslp-pulang-route > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-pulang-root .sslp-pulang-panel p,
#sslp-pulang-root .sslp-pulang-note p,
#sslp-pulang-root .sslp-pulang-closing p,
#sslp-pulang-root .sslp-pulang-card p,
#sslp-pulang-root .sslp-pulang-mini p,
#sslp-pulang-root .sslp-pulang-route p{
  margin:0 0 14px !important;
  color:var(--pulang-muted) !important;
  font-size:14.5px !important;
  line-height:1.72 !important;
}

#sslp-pulang-root .sslp-pulang-panel p:last-child,
#sslp-pulang-root .sslp-pulang-note p:last-child,
#sslp-pulang-root .sslp-pulang-closing p:last-child,
#sslp-pulang-root .sslp-pulang-card p:last-child,
#sslp-pulang-root .sslp-pulang-mini p:last-child,
#sslp-pulang-root .sslp-pulang-route p:last-child{
  margin-bottom:0 !important;
}

#sslp-pulang-root .sslp-pulang-note strong,
#sslp-pulang-root .sslp-pulang-panel strong,
#sslp-pulang-root .sslp-pulang-closing strong{
  color:var(--pulang-text) !important;
  font-weight:820 !important;
}

#sslp-pulang-root .sslp-pulang-label{
  display:inline-flex !important;
  margin-bottom:18px !important;
  color:var(--pulang-gold) !important;
  font-size:11px !important;
  font-weight:860 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}


/* =========================================================
   8. EDITORIAL GRIDS AND CARD RHYTHM
========================================================= */

#sslp-pulang-root .sslp-pulang-kompas{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin-top:6px !important;
}

#sslp-pulang-root .sslp-pulang-grid-4,
#sslp-pulang-root .sslp-pulang-read-grid,
#sslp-pulang-root .sslp-pulang-faq-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
}

#sslp-pulang-root .sslp-pulang-grid-3{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:16px !important;
}

#sslp-pulang-root .sslp-pulang-faq-grid{
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
}

#sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card{
  min-height:210px !important;
}

#sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card:nth-child(1),
#sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(1),
#sslp-pulang-root .sslp-pulang-read-grid > .sslp-pulang-route:nth-child(1){
  border-radius:34px 24px 24px 24px !important;
}

#sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card:nth-child(2),
#sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(2),
#sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(6),
#sslp-pulang-root .sslp-pulang-read-grid > .sslp-pulang-route:nth-child(2){
  transform:translateY(14px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(90,132,176,.115), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card:nth-child(3),
#sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(3),
#sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(7),
#sslp-pulang-root .sslp-pulang-read-grid > .sslp-pulang-route:nth-child(3){
  transform:translateY(30px) !important;
}

#sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card:nth-child(4),
#sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(4),
#sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(8),
#sslp-pulang-root .sslp-pulang-read-grid > .sslp-pulang-route:nth-child(4){
  transform:translateY(8px) !important;
  border-radius:24px 34px 24px 24px !important;
}

#sslp-pulang-root .sslp-pulang-mini,
#sslp-pulang-root .sslp-pulang-route{
  min-height:196px !important;
}

#sslp-pulang-root .sslp-pulang-route{
  min-height:420px !important;
  display:flex !important;
  flex-direction:column !important;
}

#sslp-pulang-root .sslp-pulang-route .sslp-pulang-link-list{
  margin-top:auto !important;
  padding-top:18px !important;
}


/* =========================================================
   9. PUSAT MAKNA
========================================================= */

#sslp-pulang-root .sslp-pulang-makna{
  display:grid !important;
  grid-template-columns:minmax(0, .72fr) minmax(320px, .56fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}

#sslp-pulang-root .sslp-pulang-makna-list{
  display:grid !important;
  gap:12px !important;
}

#sslp-pulang-root .sslp-pulang-makna-item{
  position:relative !important;
  display:grid !important;
  grid-template-columns:auto minmax(0, 1fr) !important;
  gap:12px !important;
  align-items:start !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid var(--pulang-border-soft) !important;
  background:rgba(255,255,255,.045) !important;
  overflow:hidden !important;
}

#sslp-pulang-root .sslp-pulang-makna-item::before{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(200,161,90,.32), transparent) !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-makna-item{
  background:rgba(255,255,255,.68) !important;
}

#sslp-pulang-root .sslp-pulang-makna-no{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  color:#120f0a !important;
  background:linear-gradient(135deg, #d9b66e, #f3dfa8) !important;
  font-size:11px !important;
  font-weight:860 !important;
  z-index:2 !important;
}

#sslp-pulang-root .sslp-pulang-makna-item h3{
  margin-bottom:3px !important;
}


/* =========================================================
   10. LINKS
========================================================= */

#sslp-pulang-root .sslp-pulang-link-list{
  display:grid !important;
  gap:9px !important;
  margin-top:18px !important;
}

#sslp-pulang-root .sslp-pulang-link{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:12px 13px !important;
  border-radius:14px !important;
  border:1px solid var(--pulang-border-soft) !important;
  background:rgba(255,255,255,.045) !important;
  transition:
    transform .24s ease,
    background .24s ease,
    border-color .24s ease !important;
}

#sslp-pulang-root .sslp-pulang-link::before{
  content:"" !important;
  position:absolute !important;
  left:13px !important;
  right:42px !important;
  bottom:9px !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(200,161,90,.25), transparent) !important;
  opacity:.62 !important;
  pointer-events:none !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pulang-link{
  background:rgba(255,255,255,.66) !important;
}

#sslp-pulang-root .sslp-pulang-link:hover{
  transform:translateX(4px) !important;
  border-color:var(--pulang-border-strong) !important;
  background:var(--pulang-surface-2) !important;
}

#sslp-pulang-root .sslp-pulang-link span:first-child{
  color:var(--pulang-text) !important;
  font-size:13.5px !important;
  font-weight:760 !important;
  line-height:1.38 !important;
}

#sslp-pulang-root .sslp-pulang-link span:last-child{
  color:var(--pulang-gold) !important;
  font-size:15px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}


/* =========================================================
   11. JEDA SUNYI
========================================================= */

#sslp-pulang-root .sslp-pause{
  padding:48px 0 !important;
}

#sslp-pulang-root .sslp-pause-box{
  position:relative !important;
  border:1px solid var(--pulang-border) !important;
  border-radius:var(--pulang-radius-xl) !important;
  background:
    radial-gradient(circle at 16% 30%, rgba(200,161,90,.14), transparent 34%),
    radial-gradient(circle at 88% 24%, var(--pulang-blue-soft-2), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.032)) !important;
  box-shadow:var(--pulang-shadow) !important;
  padding:34px !important;
  overflow:hidden !important;
}

#sslp-pulang-root .sslp-pause-box::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:34px !important;
  bottom:34px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, transparent, var(--pulang-gold), transparent) !important;
  opacity:.42 !important;
}

#sslp-pulang-root[data-theme="light"] .sslp-pause-box{
  background:
    radial-gradient(circle at 16% 30%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 88% 24%, rgba(55,91,137,.07), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)) !important;
}

#sslp-pulang-root .sslp-pause-content{
  max-width:760px !important;
  position:relative !important;
  z-index:2 !important;
}

#sslp-pulang-root .sslp-pause-content h2{
  margin-bottom:12px !important;
}

#sslp-pulang-root .sslp-pause-content p{
  max-width:720px !important;
  margin:0 !important;
  color:var(--pulang-muted) !important;
  font-size:16px !important;
  line-height:1.78 !important;
}

#sslp-pulang-root .sslp-pause-mark{
  position:absolute !important;
  right:28px !important;
  bottom:-38px !important;
  color:rgba(200,161,90,.14) !important;
  font-family:var(--pulang-serif) !important;
  font-size:180px !important;
  line-height:1 !important;
  pointer-events:none !important;
}


/* =========================================================
   12. FAQ
========================================================= */

#sslp-pulang-root .sslp-pulang-faq-item{
  padding:0 !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#sslp-pulang-root .sslp-pulang-faq-q{
  width:100% !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  align-items:center !important;
  padding:18px 20px !important;
  color:var(--pulang-text) !important;
  background:transparent !important;
  text-align:left !important;
  font-size:15px !important;
  font-weight:780 !important;
  line-height:1.4 !important;
}

#sslp-pulang-root .sslp-pulang-faq-q span:first-child{
  font-family:var(--pulang-serif) !important;
  font-size:18px !important;
  line-height:1.28 !important;
  letter-spacing:-.012em !important;
  font-weight:700 !important;
}

#sslp-pulang-root .sslp-pulang-faq-q span:last-child{
  width:30px !important;
  height:30px !important;
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid rgba(200,161,90,.24) !important;
  color:var(--pulang-gold) !important;
  background:rgba(200,161,90,.08) !important;
  font-size:18px !important;
  line-height:1 !important;
  transition:transform .24s ease !important;
}

#sslp-pulang-root .sslp-pulang-faq-a{
  display:none !important;
  padding:0 20px 18px !important;
}

#sslp-pulang-root .sslp-pulang-faq-a p{
  margin:0 !important;
  color:var(--pulang-muted) !important;
  font-size:14.5px !important;
  line-height:1.72 !important;
}

#sslp-pulang-root .sslp-pulang-faq-item.is-open{
  border-color:var(--pulang-border) !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(200,161,90,.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.026)) !important;
}

#sslp-pulang-root .sslp-pulang-faq-item.is-open .sslp-pulang-faq-a{
  display:block !important;
}

#sslp-pulang-root .sslp-pulang-faq-item.is-open .sslp-pulang-faq-q span:last-child{
  transform:rotate(45deg) !important;
}


/* =========================================================
   13. CLOSING
========================================================= */

#sslp-pulang-root .sslp-pulang-closing{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:24px !important;
  align-items:center !important;
  margin:8px 0 66px !important;
}

#sslp-pulang-root .sslp-pulang-closing h2{
  margin-bottom:10px !important;
}

#sslp-pulang-root .sslp-pulang-closing p{
  max-width:720px !important;
  margin:0 !important;
  font-size:15.5px !important;
  line-height:1.74 !important;
}


/* =========================================================
   14. RESPONSIVE
========================================================= */

@media(max-width:980px){
  #sslp-pulang-root .sslp-pulang-hero-grid,
  #sslp-pulang-root .sslp-pulang-section-head,
  #sslp-pulang-root .sslp-pulang-makna,
  #sslp-pulang-root .sslp-pulang-dual,
  #sslp-pulang-root .sslp-pulang-closing{
    grid-template-columns:1fr !important;
  }

  #sslp-pulang-root .sslp-pulang-kompas,
  #sslp-pulang-root .sslp-pulang-grid-4,
  #sslp-pulang-root .sslp-pulang-read-grid,
  #sslp-pulang-root .sslp-pulang-faq-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #sslp-pulang-root .sslp-pulang-grid-3{
    grid-template-columns:1fr !important;
  }

  #sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card:nth-child(1),
  #sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card:nth-child(2),
  #sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card:nth-child(3),
  #sslp-pulang-root .sslp-pulang-kompas .sslp-pulang-card:nth-child(4),
  #sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(1),
  #sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(2),
  #sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(3),
  #sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(4),
  #sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(6),
  #sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(7),
  #sslp-pulang-root .sslp-pulang-grid-4 > .sslp-pulang-mini:nth-child(8),
  #sslp-pulang-root .sslp-pulang-read-grid > .sslp-pulang-route:nth-child(1),
  #sslp-pulang-root .sslp-pulang-read-grid > .sslp-pulang-route:nth-child(2),
  #sslp-pulang-root .sslp-pulang-read-grid > .sslp-pulang-route:nth-child(3),
  #sslp-pulang-root .sslp-pulang-read-grid > .sslp-pulang-route:nth-child(4){
    transform:none !important;
  }

  #sslp-pulang-root .sslp-pulang-visual{
    min-height:450px !important;
  }

  #sslp-pulang-root .sslp-pulang-route{
    min-height:auto !important;
  }
}

@media(max-width:720px){
  #sslp-pulang-root .sslp-pulang-shell{
    width:min(100% - 22px, var(--pulang-max)) !important;
  }

  #sslp-pulang-root .sslp-pulang-topbar{
    align-items:flex-start !important;
    flex-direction:column !important;
    padding-top:18px !important;
  }

  #sslp-pulang-root .sslp-pulang-brand{
    white-space:normal !important;
  }

  #sslp-pulang-root .sslp-pulang-hero{
    padding:42px 0 32px !important;
  }

  #sslp-pulang-root h1{
    font-size:clamp(31px, 9vw, 43px) !important;
    line-height:1.06 !important;
    letter-spacing:-.036em !important;
  }

  #sslp-pulang-root h2{
    font-size:clamp(23px, 6.8vw, 31px) !important;
    line-height:1.14 !important;
  }

  #sslp-pulang-root h3{
    font-size:clamp(18px, 5.4vw, 22px) !important;
  }

  #sslp-pulang-root .sslp-pulang-lead,
  #sslp-pulang-root .sslp-pulang-desc{
    font-size:15px !important;
    line-height:1.68 !important;
  }

  #sslp-pulang-root .sslp-pulang-quote{
    font-size:17px !important;
  }

  #sslp-pulang-root .sslp-pulang-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #sslp-pulang-root .sslp-pulang-btn{
    width:100% !important;
  }

  #sslp-pulang-root .sslp-pulang-visual{
    min-height:420px !important;
    border-radius:26px !important;
  }

  #sslp-pulang-root .sslp-pulang-map{
    inset:16px !important;
  }

  #sslp-pulang-root .sslp-pulang-light{
    width:88px !important;
    height:88px !important;
  }

  #sslp-pulang-root .sslp-pulang-center{
    bottom:78px !important;
    min-width:120px !important;
    font-size:16px !important;
  }

  #sslp-pulang-root .sslp-pulang-node{
    min-width:88px !important;
    padding:9px 9px !important;
    font-size:10px !important;
  }

  #sslp-pulang-root .node-1{ left:16px !important; top:54px !important; }
  #sslp-pulang-root .node-2{ right:16px !important; top:72px !important; }
  #sslp-pulang-root .node-3{ left:16px !important; bottom:70px !important; }
  #sslp-pulang-root .node-4{ right:16px !important; bottom:82px !important; }

  #sslp-pulang-root .sslp-pulang-kompas,
  #sslp-pulang-root .sslp-pulang-grid-4,
  #sslp-pulang-root .sslp-pulang-read-grid,
  #sslp-pulang-root .sslp-pulang-faq-grid{
    grid-template-columns:1fr !important;
  }

  #sslp-pulang-root .sslp-pulang-section,
  #sslp-pulang-root .sslp-pause{
    padding:40px 0 !important;
    scroll-margin-top:78px !important;
  }

  #sslp-pulang-root .sslp-pulang-panel,
  #sslp-pulang-root .sslp-pulang-note,
  #sslp-pulang-root .sslp-pulang-closing,
  #sslp-pulang-root .sslp-pause-box{
    padding:22px !important;
    border-radius:24px !important;
  }

  #sslp-pulang-root .sslp-pulang-card,
  #sslp-pulang-root .sslp-pulang-mini,
  #sslp-pulang-root .sslp-pulang-route{
    min-height:auto !important;
    padding:20px !important;
    border-radius:22px !important;
  }

  #sslp-pulang-root .sslp-pulang-makna-item{
    grid-template-columns:1fr !important;
  }

  #sslp-pulang-root .sslp-pause-mark{
    right:16px !important;
    bottom:-26px !important;
    font-size:132px !important;
  }
}

@media(max-width:480px){
  #sslp-pulang-root .sslp-pulang-visual{
    min-height:400px !important;
  }

  #sslp-pulang-root .sslp-pulang-node{
    min-width:82px !important;
    font-size:9.5px !important;
  }

  #sslp-pulang-root .node-1{ left:10px !important; top:48px !important; }
  #sslp-pulang-root .node-2{ right:10px !important; top:66px !important; }
  #sslp-pulang-root .node-3{ left:10px !important; bottom:64px !important; }
  #sslp-pulang-root .node-4{ right:10px !important; bottom:76px !important; }
}

@media(prefers-reduced-motion:reduce){
  #sslp-pulang-root *,
  #sslp-pulang-root *::before,
  #sslp-pulang-root *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}