/* =========================================================
   TANDA PUSAT SISTEM SUNYI
   V6.2 FINAL • CLEAN KBDS RAIL + EDITORIAL NEXT PATH
   Scoped, TagDiv and Newspaper safe
========================================================= */

/* =========================================================
   01. TOKENS AND ROOT
========================================================= */

#sslp-tanda-pusat-v6,
#sslp-tanda-pusat-v6 *,
#sslp-tanda-pusat-v6 *::before,
#sslp-tanda-pusat-v6 *::after{
  box-sizing:border-box !important;
}

#sslp-tanda-pusat-v6{
  --sstp-max:1180px;
  --sstp-narrow:900px;

  --sstp-bg:#02070d;
  --sstp-bg-2:#07131f;
  --sstp-bg-3:#0f2433;
  --sstp-panel:rgba(255,255,255,.052);
  --sstp-panel-2:rgba(255,255,255,.080);
  --sstp-panel-3:rgba(255,255,255,.034);

  --sstp-text:#f8f0dc;
  --sstp-strong:#fff7e7;
  --sstp-soft:rgba(238,232,216,.76);
  --sstp-muted:rgba(238,232,216,.56);
  --sstp-faint:rgba(238,232,216,.34);

  --sstp-gold:#f2dca8;
  --sstp-gold-2:#c8a96b;
  --sstp-gold-3:#8b6d3a;
  --sstp-blue:#8fb6cf;
  --sstp-blue-soft:rgba(143,182,207,.12);

  --sstp-line:rgba(242,220,168,.18);
  --sstp-line-soft:rgba(242,220,168,.095);
  --sstp-line-blue:rgba(143,182,207,.13);

  --sstp-shadow:0 28px 92px rgba(0,0,0,.34);
  --sstp-shadow-soft:0 18px 56px rgba(0,0,0,.20);

  --sstp-serif:var(--sslp-font-serif, Georgia, "Times New Roman", serif);
  --sstp-sans:var(--sslp-font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);

  --sstp-hero:url("https://tokoh.id/wp-content/uploads/2026/06/13-origin-story-sistem-sunyi.jpeg");

  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--sstp-text) !important;
  font-family:var(--sstp-sans) !important;
  line-height:1.7 !important;
  background:
    radial-gradient(circle at 16% 4%, rgba(143,182,207,.12), transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(242,220,168,.08), transparent 31%),
    radial-gradient(circle at 50% 76%, rgba(143,182,207,.07), transparent 42%),
    linear-gradient(90deg, rgba(242,220,168,.012) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, var(--sstp-bg-2) 0%, var(--sstp-bg) 48%, #010408 100%) !important;
  background-size:auto, auto, auto, 72px 72px, auto !important;
}

#sslp-tanda-pusat-v6[data-theme="light"],
html[data-theme="light"] #sslp-tanda-pusat-v6,
body[data-theme="light"] #sslp-tanda-pusat-v6{
  --sstp-bg:#fbf7ef;
  --sstp-bg-2:#f4eadc;
  --sstp-bg-3:#e9ddcb;
  --sstp-panel:rgba(255,255,255,.56);
  --sstp-panel-2:rgba(255,255,255,.76);
  --sstp-panel-3:rgba(255,255,255,.42);

  --sstp-text:#14242d;
  --sstp-strong:#0e1921;
  --sstp-soft:rgba(20,36,45,.74);
  --sstp-muted:rgba(20,36,45,.58);
  --sstp-faint:rgba(20,36,45,.36);

  --sstp-gold:#9d7b38;
  --sstp-gold-2:#7f642f;
  --sstp-gold-3:#b8944a;
  --sstp-blue:#4d7186;
  --sstp-blue-soft:rgba(77,113,134,.075);

  --sstp-line:rgba(157,123,56,.19);
  --sstp-line-soft:rgba(157,123,56,.105);
  --sstp-line-blue:rgba(77,113,134,.11);

  --sstp-shadow:0 24px 74px rgba(24,33,48,.12);
  --sstp-shadow-soft:0 18px 48px rgba(24,33,48,.09);

  color:var(--sstp-text) !important;
  background:
    radial-gradient(circle at 16% 4%, rgba(77,113,134,.08), transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(157,123,56,.08), transparent 31%),
    radial-gradient(circle at 50% 76%, rgba(77,113,134,.055), transparent 42%),
    linear-gradient(90deg, rgba(157,123,56,.014) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #f7efe5 0%, #efe4d5 48%, #fbf8f1 100%) !important;
  background-size:auto, auto, auto, 72px 72px, auto !important;
}

#sslp-tanda-pusat-v6 a{
  color:inherit !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

#sslp-tanda-pusat-v6 img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
}

#sslp-tanda-pusat-v6 button{
  font:inherit !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

#sslp-tanda-pusat-v6 h1,
#sslp-tanda-pusat-v6 h2,
#sslp-tanda-pusat-v6 h3,
#sslp-tanda-pusat-v6 h4,
#sslp-tanda-pusat-v6 p{
  margin-top:0 !important;
}

#sslp-tanda-pusat-v6 h1,
#sslp-tanda-pusat-v6 h2,
#sslp-tanda-pusat-v6 h3,
#sslp-tanda-pusat-v6 h4{
  color:var(--sstp-strong) !important;
  font-family:var(--sstp-serif) !important;
  font-weight:560 !important;
  letter-spacing:-.045em !important;
  text-transform:none !important;
}

/* =========================================================
   02. GLOBAL UTILITIES
========================================================= */

#sslp-tanda-pusat-v6 .sstp-shell{
  position:relative !important;
  z-index:2 !important;
  width:min(var(--sstp-max), calc(100% - 44px)) !important;
  margin:0 auto !important;
}

#sslp-tanda-pusat-v6 .sstp-narrow{
  position:relative !important;
  z-index:2 !important;
  width:min(var(--sstp-narrow), calc(100% - 44px)) !important;
  margin:0 auto !important;
}

#sslp-tanda-pusat-v6 .sstp-section{
  position:relative !important;
  z-index:2 !important;
  padding:clamp(66px, 8vw, 120px) 0 !important;
}

#sslp-tanda-pusat-v6 .sstp-kicker,
#sslp-tanda-pusat-v6 .sstp-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  color:var(--sstp-gold) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

#sslp-tanda-pusat-v6 .sstp-kicker::before{
  content:"" !important;
  width:28px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, var(--sstp-gold)) !important;
  opacity:.78 !important;
}

#sslp-tanda-pusat-v6 .sstp-section-title{
  max-width:780px !important;
  margin:14px 0 0 !important;
  font-size:clamp(1.75rem, 3.1vw, 2.75rem) !important;
  line-height:1.08 !important;
}

#sslp-tanda-pusat-v6 .sstp-copy{
  color:var(--sstp-soft) !important;
  font-size:1rem !important;
  line-height:1.82 !important;
}

#sslp-tanda-pusat-v6 .sstp-axis{
  position:relative !important;
  z-index:2 !important;
  width:min(var(--sstp-max), calc(100% - 44px)) !important;
  height:1px !important;
  margin:0 auto !important;
  background:linear-gradient(90deg, transparent, var(--sstp-line), transparent) !important;
}

#sslp-tanda-pusat-v6 .sstp-axis::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  transform:translate(-50%, -50%) !important;
  background:var(--sstp-gold) !important;
  box-shadow:0 0 26px rgba(242,220,168,.36) !important;
}

#sslp-tanda-pusat-v6 .sstp-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:11px 18px !important;
  border:1px solid var(--sstp-line) !important;
  border-radius:999px !important;
  background:var(--sstp-panel) !important;
  color:var(--sstp-strong) !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1 !important;
  transition:transform .22s ease, border-color .22s ease, background .22s ease !important;
}

#sslp-tanda-pusat-v6 .sstp-btn:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(242,220,168,.40) !important;
  background:var(--sstp-panel-2) !important;
}

#sslp-tanda-pusat-v6 .sstp-btn.is-primary{
  border-color:rgba(242,220,168,.60) !important;
  background:linear-gradient(135deg, #f2dca8, #c8a96b) !important;
  color:#111820 !important;
}

#sslp-tanda-pusat-v6 .sstp-btn.is-ghost{
  background:rgba(3,9,15,.46) !important;
}

#sslp-tanda-pusat-v6[data-theme="light"] .sstp-btn.is-ghost,
html[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-btn.is-ghost,
body[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-btn.is-ghost{
  background:rgba(255,255,255,.62) !important;
}

/* =========================================================
   03. TOPBAR AND FOOTER
========================================================= */

#sslp-tanda-pusat-v6 .sslp-topbar{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  z-index:90 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#sslp-tanda-pusat-v6 .sslp-topbar-inner{
  width:min(var(--sstp-max), calc(100% - 44px)) !important;
  min-height:74px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:20px !important;
  align-items:center !important;
}

#sslp-tanda-pusat-v6 .sslp-topbar-left,
#sslp-tanda-pusat-v6 .sslp-topbar-right{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
}

#sslp-tanda-pusat-v6 .sslp-topbar-left{
  gap:22px !important;
  overflow:hidden !important;
}

#sslp-tanda-pusat-v6 .sslp-topbar-right{
  gap:16px !important;
  justify-content:flex-end !important;
}

#sslp-tanda-pusat-v6 .sslp-toplink{
  position:relative !important;
  flex:0 0 auto !important;
  color:rgba(248,240,220,.78) !important;
  font-size:12px !important;
  font-weight:780 !important;
  letter-spacing:.025em !important;
  white-space:nowrap !important;
}

#sslp-tanda-pusat-v6 .sslp-toplink::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-8px !important;
  height:1px !important;
  background:linear-gradient(90deg, var(--sstp-gold), transparent) !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .22s ease !important;
}

#sslp-tanda-pusat-v6 .sslp-toplink:hover{
  color:var(--sstp-gold) !important;
}

#sslp-tanda-pusat-v6 .sslp-toplink:hover::after{
  transform:scaleX(1) !important;
}

#sslp-tanda-pusat-v6 .sslp-brand{
  color:var(--sstp-gold) !important;
  font-size:11px !important;
  font-weight:880 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

#sslp-tanda-pusat-v6 .sslp-theme-toggle{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border:1px solid rgba(242,220,168,.24) !important;
  border-radius:999px !important;
  background:rgba(5,13,20,.32) !important;
  color:var(--sstp-gold) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

#sslp-tanda-pusat-v6[data-theme="light"] .sslp-toplink,
html[data-theme="light"] #sslp-tanda-pusat-v6 .sslp-toplink,
body[data-theme="light"] #sslp-tanda-pusat-v6 .sslp-toplink{
  color:rgba(20,36,45,.72) !important;
}

#sslp-tanda-pusat-v6[data-theme="light"] .sslp-theme-toggle,
html[data-theme="light"] #sslp-tanda-pusat-v6 .sslp-theme-toggle,
body[data-theme="light"] #sslp-tanda-pusat-v6 .sslp-theme-toggle{
  background:rgba(255,255,255,.56) !important;
  border-color:rgba(157,123,56,.24) !important;
}

#sslp-tanda-pusat-v6 .sslp-footerbar{
  position:relative !important;
  z-index:10 !important;
  border-top:1px solid var(--sstp-line) !important;
  background:linear-gradient(90deg, rgba(255,255,255,.030), rgba(255,255,255,.010)) !important;
}

#sslp-tanda-pusat-v6 .sslp-footerbar-inner{
  width:min(var(--sstp-max), calc(100% - 44px)) !important;
  min-height:70px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  color:var(--sstp-muted) !important;
  font-size:11px !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

#sslp-tanda-pusat-v6 .sslp-footer-left,
#sslp-tanda-pusat-v6 .sslp-footer-right a{
  color:var(--sstp-muted) !important;
  font-weight:820 !important;
}

#sslp-tanda-pusat-v6 .sslp-footer-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

#sslp-tanda-pusat-v6 .sslp-footer-left:hover,
#sslp-tanda-pusat-v6 .sslp-footer-right a:hover{
  color:var(--sstp-gold) !important;
}

/* =========================================================
   04. ATMOSPHERE
========================================================= */

#sslp-tanda-pusat-v6 .sstp-atmosphere{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

#sslp-tanda-pusat-v6 .sstp-atmosphere::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:-18% !important;
  width:min(1320px, 118vw) !important;
  height:min(1320px, 118vw) !important;
  border-radius:999px !important;
  transform:translateX(-50%) !important;
  background:
    radial-gradient(circle, rgba(143,182,207,.045), transparent 43%),
    repeating-radial-gradient(circle, rgba(242,220,168,.038) 0 1px, transparent 1px 46px) !important;
  opacity:.28 !important;
}

#sslp-tanda-pusat-v6 .sstp-atmosphere::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(112deg, transparent 0 18%, rgba(242,220,168,.035) 18.08% 18.18%, transparent 18.30% 100%),
    linear-gradient(74deg, transparent 0 69%, rgba(143,182,207,.040) 69.08% 69.18%, transparent 69.30% 100%),
    linear-gradient(158deg, transparent 0 48%, rgba(242,220,168,.024) 48.07% 48.16%, transparent 48.28% 100%) !important;
  opacity:.34 !important;
}

#sslp-tanda-pusat-v6 .sstp-star{
  position:absolute !important;
  z-index:1 !important;
  width:4px !important;
  height:4px !important;
  border-radius:999px !important;
  background:var(--sstp-gold) !important;
  box-shadow:0 0 22px rgba(242,220,168,.44) !important;
  opacity:.56 !important;
}

#sslp-tanda-pusat-v6 .sstp-star.s1{ left:10% !important; top:26% !important; }
#sslp-tanda-pusat-v6 .sstp-star.s2{ right:16% !important; top:34% !important; }
#sslp-tanda-pusat-v6 .sstp-star.s3{ left:21% !important; top:64% !important; }
#sslp-tanda-pusat-v6 .sstp-star.s4{ right:23% !important; top:76% !important; }

/* =========================================================
   05. HERO
========================================================= */

#sslp-tanda-pusat-v6 .sstp-hero{
  position:relative !important;
  z-index:1 !important;
  min-height:100vh !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  padding:clamp(112px, 11vw, 156px) 0 clamp(72px, 8vw, 116px) !important;
}

#sslp-tanda-pusat-v6 .sstp-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:-6% -3% !important;
  z-index:0 !important;
  background:
    linear-gradient(90deg, rgba(2,7,13,.98) 0%, rgba(2,7,13,.84) 25%, rgba(2,7,13,.30) 56%, rgba(2,7,13,.78) 100%),
    radial-gradient(circle at 64% 47%, rgba(242,220,168,.18), transparent 12%),
    var(--sstp-hero) center center / cover no-repeat !important;
  filter:saturate(.96) contrast(1.04) brightness(.78) !important;
  opacity:.78 !important;
  transform:scale(1.035) !important;
}

#sslp-tanda-pusat-v6 .sstp-hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    radial-gradient(circle at 64% 47%, transparent 0 13%, rgba(2,7,13,.16) 30%, rgba(2,7,13,.92) 86%),
    linear-gradient(180deg, rgba(2,7,13,.26) 0%, rgba(2,7,13,.08) 38%, rgba(2,7,13,.92) 100%) !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-orbit{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-orbit span{
  position:absolute !important;
  left:64% !important;
  top:47% !important;
  border-radius:999px !important;
  border:1px solid rgba(242,220,168,.14) !important;
  transform:translate(-50%, -50%) !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-orbit .o1{
  width:250px !important;
  height:250px !important;
  opacity:.44 !important;
  box-shadow:0 0 90px rgba(242,220,168,.10) !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-orbit .o2{
  width:500px !important;
  height:500px !important;
  opacity:.24 !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-orbit .o3{
  width:800px !important;
  height:800px !important;
  opacity:.12 !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-orbit .x{
  left:7% !important;
  right:7% !important;
  top:47% !important;
  width:auto !important;
  height:1px !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(90deg, transparent, rgba(242,220,168,.26), transparent) !important;
  transform:none !important;
  opacity:.52 !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-orbit .y{
  left:64% !important;
  top:9% !important;
  bottom:10% !important;
  width:1px !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(180deg, transparent, rgba(242,220,168,.24), transparent) !important;
  transform:none !important;
  opacity:.50 !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-inner{
  position:relative !important;
  z-index:3 !important;
  width:min(var(--sstp-max), calc(100% - 44px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0, 600px) minmax(240px, 1fr) !important;
  gap:clamp(28px, 6vw, 90px) !important;
  align-items:center !important;
}

#sslp-tanda-pusat-v6 .sstp-hero h1{
  max-width:650px !important;
  margin:18px 0 0 !important;
  font-size:clamp(2.35rem, 4.55vw, 4rem) !important;
  line-height:1.02 !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-lead{
  max-width:600px !important;
  margin:22px 0 0 !important;
  color:var(--sstp-soft) !important;
  font-size:clamp(1rem, 1.38vw, 1.22rem) !important;
  line-height:1.78 !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-note{
  position:relative !important;
  max-width:610px !important;
  margin:30px 0 0 !important;
  padding:14px 0 0 22px !important;
  border-left:2px solid var(--sstp-gold) !important;
  color:var(--sstp-soft) !important;
  font-size:.9rem !important;
  line-height:1.74 !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-note strong{
  color:var(--sstp-strong) !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:28px !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-side{
  position:relative !important;
  min-height:400px !important;
}

#sslp-tanda-pusat-v6 .sstp-vertical-word{
  position:absolute !important;
  right:clamp(18px, 3vw, 56px) !important;
  top:50% !important;
  transform:translateY(-50%) rotate(90deg) !important;
  color:rgba(242,220,168,.14) !important;
  font-family:var(--sstp-serif) !important;
  font-size:clamp(3rem, 6.4vw, 5.6rem) !important;
  letter-spacing:.12em !important;
  white-space:nowrap !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-tags{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-tag{
  position:absolute !important;
  min-height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:6px 11px !important;
  border:1px solid rgba(242,220,168,.18) !important;
  border-radius:999px !important;
  background:rgba(3,9,15,.30) !important;
  color:rgba(242,220,168,.82) !important;
  font-size:9.5px !important;
  font-weight:820 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

#sslp-tanda-pusat-v6 .sstp-hero-tag.is-a{ left:8% !important; top:22% !important; }
#sslp-tanda-pusat-v6 .sstp-hero-tag.is-b{ right:2% !important; top:36% !important; }
#sslp-tanda-pusat-v6 .sstp-hero-tag.is-c{ left:15% !important; bottom:26% !important; }
#sslp-tanda-pusat-v6 .sstp-hero-tag.is-d{ right:5% !important; bottom:15% !important; }

/* =========================================================
   06. INSCRIPTION AND TANDA PUSAT THEATRE
========================================================= */

#sslp-tanda-pusat-v6 .sstp-inscription{
  position:relative !important;
  z-index:3 !important;
  margin-top:calc(clamp(34px, 5vw, 70px) * -1) !important;
}

#sslp-tanda-pusat-v6 .sstp-inscription-inner{
  width:min(920px, calc(100% - 44px)) !important;
  margin:0 auto !important;
  padding:16px 0 !important;
  display:grid !important;
  grid-template-columns:42px 1fr auto !important;
  gap:16px !important;
  align-items:center !important;
  border-top:1px solid var(--sstp-line) !important;
  border-bottom:1px solid var(--sstp-line) !important;
}

#sslp-tanda-pusat-v6 .sstp-inscription-mark{
  width:36px !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid var(--sstp-line) !important;
  color:var(--sstp-gold) !important;
  background:rgba(242,220,168,.075) !important;
  font-weight:820 !important;
}

#sslp-tanda-pusat-v6 .sstp-inscription p{
  margin:0 !important;
  color:var(--sstp-soft) !important;
  font-size:.9rem !important;
  line-height:1.66 !important;
}

#sslp-tanda-pusat-v6 .sstp-inscription-code{
  color:var(--sstp-faint) !important;
  font-size:10px !important;
  font-weight:820 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

#sslp-tanda-pusat-v6 .sstp-seal{
  position:relative !important;
  z-index:2 !important;
  padding:clamp(84px, 9vw, 142px) 0 !important;
  overflow:hidden !important;
}

#sslp-tanda-pusat-v6 .sstp-seal::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:min(1040px, 92vw) !important;
  height:min(1040px, 92vw) !important;
  border-radius:999px !important;
  transform:translate(-50%, -50%) !important;
  border:1px solid rgba(242,220,168,.10) !important;
  box-shadow:
    0 0 0 70px rgba(242,220,168,.010),
    0 0 0 150px rgba(143,182,207,.008),
    0 0 160px rgba(242,220,168,.060) !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-seal::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:7% !important;
  bottom:7% !important;
  width:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(180deg, transparent, rgba(242,220,168,.22), transparent) !important;
  opacity:.56 !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-inner{
  position:relative !important;
  z-index:2 !important;
  width:min(var(--sstp-max), calc(100% - 44px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,.88fr) minmax(300px,420px) minmax(0,.88fr) !important;
  grid-template-areas:
    "head core compass"
    "shield core orbit"
    "crack core notice" !important;
  gap:clamp(20px, 3vw, 40px) !important;
  align-items:center !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-head{
  grid-area:head !important;
  align-self:start !important;
  max-width:440px !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-head h2{
  margin:14px 0 0 !important;
  font-size:clamp(1.9rem, 3.3vw, 3rem) !important;
  line-height:1.07 !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-head p{
  margin:18px 0 0 !important;
  color:var(--sstp-soft) !important;
  font-size:.95rem !important;
  line-height:1.76 !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-core-wrap{
  grid-area:core !important;
  position:relative !important;
  min-height:520px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-core-wrap::before,
#sslp-tanda-pusat-v6 .sstp-seal-core-wrap::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  border-radius:999px !important;
  transform:translate(-50%, -50%) !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-core-wrap::before{
  width:112% !important;
  aspect-ratio:1 !important;
  border:1px solid rgba(242,220,168,.11) !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-core-wrap::after{
  width:82% !important;
  aspect-ratio:1 !important;
  border:1px solid rgba(143,182,207,.10) !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-core{
  position:relative !important;
  z-index:3 !important;
  width:min(410px, 100%) !important;
  aspect-ratio:1 !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(242,220,168,.50), transparent 12%),
    var(--sstp-hero) center center / cover no-repeat !important;
  box-shadow:
    0 0 0 1px var(--sstp-line),
    0 0 0 34px rgba(242,220,168,.018),
    0 0 0 86px rgba(143,182,207,.010),
    0 0 140px rgba(242,220,168,.11),
    0 40px 120px rgba(0,0,0,.36) !important;
  overflow:hidden !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-core::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 50% 50%, transparent 0 21%, rgba(2,7,13,.42) 62%, rgba(2,7,13,.84) 100%) !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-core::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:72px !important;
  height:72px !important;
  border-radius:999px !important;
  transform:translate(-50%, -50%) !important;
  background:radial-gradient(circle, #fff6d2 0%, #f2dca8 34%, rgba(242,220,168,.25) 64%, transparent 74%) !important;
  box-shadow:0 0 92px rgba(242,220,168,.48) !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-word{
  position:absolute !important;
  z-index:1 !important;
  right:-14px !important;
  top:50% !important;
  transform:translateY(-50%) rotate(90deg) !important;
  font-family:var(--sstp-serif) !important;
  font-size:clamp(3.5rem, 7vw, 7rem) !important;
  letter-spacing:.16em !important;
  color:rgba(242,220,168,.070) !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-node{
  position:relative !important;
  min-height:170px !important;
  padding:20px 20px 20px 24px !important;
  border-left:1px solid var(--sstp-line) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.034), rgba(255,255,255,.010)) !important;
}

#sslp-tanda-pusat-v6 .sstp-node::before{
  content:"" !important;
  position:absolute !important;
  left:-5px !important;
  top:24px !important;
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  background:var(--sstp-gold) !important;
  box-shadow:0 0 24px rgba(242,220,168,.30) !important;
}

#sslp-tanda-pusat-v6 .sstp-node strong{
  display:block !important;
  color:var(--sstp-gold) !important;
  font-size:10px !important;
  font-weight:880 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  margin-bottom:8px !important;
}

#sslp-tanda-pusat-v6 .sstp-node span{
  display:block !important;
  color:var(--sstp-strong) !important;
  font-family:var(--sstp-serif) !important;
  font-size:clamp(1.3rem, 1.75vw, 1.75rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.024em !important;
  font-weight:560 !important;
}

#sslp-tanda-pusat-v6 .sstp-node p{
  margin:9px 0 0 !important;
  color:var(--sstp-soft) !important;
  font-size:.86rem !important;
  line-height:1.62 !important;
}

#sslp-tanda-pusat-v6 .sstp-node.is-shield{ grid-area:shield !important; }
#sslp-tanda-pusat-v6 .sstp-node.is-compass{ grid-area:compass !important; }
#sslp-tanda-pusat-v6 .sstp-node.is-orbit{ grid-area:orbit !important; }
#sslp-tanda-pusat-v6 .sstp-node.is-crack{ grid-area:crack !important; }

#sslp-tanda-pusat-v6 .sstp-seal-notice{
  grid-area:notice !important;
  align-self:end !important;
  padding:18px 0 0 !important;
  border-top:1px solid var(--sstp-line) !important;
  color:var(--sstp-muted) !important;
  font-size:.82rem !important;
  line-height:1.72 !important;
}

#sslp-tanda-pusat-v6 .sstp-seal-notice b{
  color:var(--sstp-gold) !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-size:10px !important;
}

/* =========================================================
   07. MEANING, ANATOMY, FLOW
========================================================= */

#sslp-tanda-pusat-v6 .sstp-meaning-grid{
  display:grid !important;
  grid-template-columns:.86fr 1.14fr !important;
  gap:clamp(30px, 6vw, 92px) !important;
  align-items:start !important;
  border-top:1px solid var(--sstp-line) !important;
  border-bottom:1px solid var(--sstp-line) !important;
  padding:clamp(34px, 5vw, 64px) 0 !important;
}

#sslp-tanda-pusat-v6 .sstp-meaning-quote{
  position:relative !important;
}

#sslp-tanda-pusat-v6 .sstp-quote-mark{
  position:absolute !important;
  left:-14px !important;
  top:-54px !important;
  color:rgba(242,220,168,.10) !important;
  font-family:var(--sstp-serif) !important;
  font-size:130px !important;
  line-height:1 !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-meaning-quote h2{
  max-width:500px !important;
  margin:14px 0 0 !important;
  font-size:clamp(1.7rem, 3vw, 2.65rem) !important;
  line-height:1.10 !important;
}

#sslp-tanda-pusat-v6 .sstp-meaning-body{
  display:grid !important;
  gap:18px !important;
}

#sslp-tanda-pusat-v6 .sstp-meaning-body p{
  margin:0 !important;
  color:var(--sstp-soft) !important;
  font-size:.98rem !important;
  line-height:1.86 !important;
}

#sslp-tanda-pusat-v6 .sstp-rule{
  height:1px !important;
  width:100% !important;
  background:linear-gradient(90deg, var(--sstp-line), transparent) !important;
}

#sslp-tanda-pusat-v6 .sstp-plates-head{
  max-width:760px !important;
  margin-bottom:clamp(36px, 5vw, 66px) !important;
}

#sslp-tanda-pusat-v6 .sstp-plates{
  display:grid !important;
  border-top:1px solid var(--sstp-line) !important;
  border-bottom:1px solid var(--sstp-line) !important;
}

#sslp-tanda-pusat-v6 .sstp-plate{
  position:relative !important;
  display:grid !important;
  grid-template-columns:130px minmax(0,.92fr) minmax(0,1.08fr) !important;
  gap:clamp(18px, 4vw, 64px) !important;
  align-items:center !important;
  min-height:210px !important;
  padding:clamp(30px, 4vw, 56px) 0 !important;
  border-bottom:1px solid rgba(242,220,168,.11) !important;
  overflow:hidden !important;
}

#sslp-tanda-pusat-v6 .sstp-plate:last-child{
  border-bottom:0 !important;
}

#sslp-tanda-pusat-v6 .sstp-plate::before{
  content:"" !important;
  position:absolute !important;
  left:130px !important;
  right:0 !important;
  top:50% !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(242,220,168,.08), transparent) !important;
}

#sslp-tanda-pusat-v6 .sstp-plate-no{
  width:52px !important;
  height:52px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid var(--sstp-line) !important;
  color:var(--sstp-gold) !important;
  background:rgba(242,220,168,.065) !important;
  font-weight:840 !important;
  font-size:13px !important;
}

#sslp-tanda-pusat-v6 .sstp-plate h3{
  margin:0 !important;
  max-width:440px !important;
  font-size:clamp(1.45rem, 2.35vw, 2.15rem) !important;
  line-height:1.10 !important;
}

#sslp-tanda-pusat-v6 .sstp-plate p{
  margin:0 !important;
  color:var(--sstp-soft) !important;
  font-size:.94rem !important;
  line-height:1.78 !important;
}

#sslp-tanda-pusat-v6 .sstp-plate-visual{
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  width:190px !important;
  height:190px !important;
  border-radius:999px !important;
  transform:translate(34%, -50%) !important;
  opacity:.35 !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-plate-visual::before,
#sslp-tanda-pusat-v6 .sstp-plate-visual::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  border:1px solid rgba(242,220,168,.11) !important;
}

#sslp-tanda-pusat-v6 .sstp-plate-visual::after{
  inset:26% !important;
}

#sslp-tanda-pusat-v6 .sstp-flow-grid{
  display:grid !important;
  grid-template-columns:.80fr 1.20fr !important;
  gap:clamp(30px, 7vw, 96px) !important;
  align-items:start !important;
}

#sslp-tanda-pusat-v6 .sstp-flow-copy{
  position:sticky !important;
  top:96px !important;
}

#sslp-tanda-pusat-v6 .sstp-flow-copy h2{
  margin:14px 0 0 !important;
  max-width:500px !important;
  font-size:clamp(1.7rem, 3.1vw, 2.65rem) !important;
  line-height:1.09 !important;
}

#sslp-tanda-pusat-v6 .sstp-flow-copy p{
  max-width:540px !important;
  margin:18px 0 0 !important;
  color:var(--sstp-soft) !important;
  font-size:.96rem !important;
  line-height:1.82 !important;
}

#sslp-tanda-pusat-v6 .sstp-flow{
  position:relative !important;
  border-top:1px solid var(--sstp-line) !important;
}

#sslp-tanda-pusat-v6 .sstp-flow::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  top:40px !important;
  bottom:40px !important;
  width:1px !important;
  background:linear-gradient(180deg, var(--sstp-line), transparent) !important;
  opacity:.55 !important;
}

#sslp-tanda-pusat-v6 .sstp-flow-item{
  position:relative !important;
  display:grid !important;
  grid-template-columns:60px 1fr !important;
  gap:18px !important;
  padding:24px 0 !important;
  border-bottom:1px solid rgba(242,220,168,.11) !important;
}

#sslp-tanda-pusat-v6 .sstp-flow-no{
  position:relative !important;
  z-index:2 !important;
  width:38px !important;
  height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid var(--sstp-line) !important;
  color:var(--sstp-gold) !important;
  background:linear-gradient(135deg, rgba(242,220,168,.12), rgba(255,255,255,.025)) !important;
  font-size:11px !important;
  font-weight:840 !important;
}

#sslp-tanda-pusat-v6 .sstp-flow-item h3{
  margin:0 0 5px !important;
  font-size:clamp(1.2rem, 1.65vw, 1.65rem) !important;
  line-height:1.12 !important;
}

#sslp-tanda-pusat-v6 .sstp-flow-item p{
  margin:0 !important;
  color:var(--sstp-soft) !important;
  font-size:.91rem !important;
  line-height:1.64 !important;
}

/* =========================================================
   08. TRIAD, CAUTION, ROUTES
========================================================= */

#sslp-tanda-pusat-v6 .sstp-triad{
  position:relative !important;
  min-height:760px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}

#sslp-tanda-pusat-v6 .sstp-triad::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:55% !important;
  width:min(720px, 82vw) !important;
  height:min(720px, 82vw) !important;
  border-radius:999px !important;
  border:1px solid rgba(242,220,168,.11) !important;
  box-shadow:
    0 0 0 64px rgba(242,220,168,.010),
    0 0 0 132px rgba(143,182,207,.008) !important;
  transform:translate(-50%, -50%) !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-head{
  position:absolute !important;
  left:50% !important;
  top:7% !important;
  width:min(740px, calc(100% - 44px)) !important;
  transform:translateX(-50%) !important;
  text-align:center !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-head .sstp-kicker{
  justify-content:center !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-head .sstp-kicker::before{
  display:none !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-head h2{
  margin-left:auto !important;
  margin-right:auto !important;
}

#sslp-tanda-pusat-v6 .sstp-constellation{
  position:relative !important;
  width:min(var(--sstp-max), calc(100% - 44px)) !important;
  min-height:520px !important;
  margin:0 auto !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-item{
  position:absolute !important;
  width:min(320px, 30vw) !important;
  padding-top:22px !important;
  border-top:1px solid var(--sstp-line) !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-symbol{
  width:44px !important;
  height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid var(--sstp-line) !important;
  color:var(--sstp-gold) !important;
  background:rgba(242,220,168,.065) !important;
  font-weight:840 !important;
  margin-bottom:18px !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-item h3{
  margin:0 0 10px !important;
  font-size:clamp(1.55rem, 2.6vw, 2.35rem) !important;
  line-height:1.08 !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-item p{
  margin:0 !important;
  color:var(--sstp-soft) !important;
  font-size:.92rem !important;
  line-height:1.78 !important;
}

#sslp-tanda-pusat-v6 .sstp-triad-item.is-rasa{ left:0 !important; top:46% !important; }
#sslp-tanda-pusat-v6 .sstp-triad-item.is-makna{ left:50% !important; top:58% !important; transform:translateX(-50%) !important; }
#sslp-tanda-pusat-v6 .sstp-triad-item.is-iman{ right:0 !important; top:46% !important; }

#sslp-tanda-pusat-v6 .sstp-note{
  display:grid !important;
  grid-template-columns:.66fr 1.34fr !important;
  gap:clamp(30px, 6vw, 90px) !important;
  align-items:start !important;
}

#sslp-tanda-pusat-v6 .sstp-note-intro{
  position:sticky !important;
  top:96px !important;
}

#sslp-tanda-pusat-v6 .sstp-note-intro h2{
  margin:14px 0 0 !important;
  max-width:420px !important;
  font-size:clamp(1.6rem, 2.85vw, 2.45rem) !important;
  line-height:1.10 !important;
}

#sslp-tanda-pusat-v6 .sstp-note-intro p{
  max-width:430px !important;
  margin:16px 0 0 !important;
  color:var(--sstp-soft) !important;
  font-size:.92rem !important;
  line-height:1.78 !important;
}

#sslp-tanda-pusat-v6 .sstp-faq{
  display:grid !important;
  gap:12px !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-item{
  position:relative !important;
  border:1px solid var(--sstp-line) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.018)) !important;
  overflow:hidden !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-q{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:20px 22px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--sstp-strong) !important;
  text-align:left !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-q span{
  font-family:var(--sstp-serif) !important;
  font-size:clamp(1.1rem, 1.55vw, 1.55rem) !important;
  line-height:1.20 !important;
  letter-spacing:-.020em !important;
  font-weight:560 !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-q b{
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid rgba(242,220,168,.24) !important;
  color:var(--sstp-gold) !important;
  background:rgba(242,220,168,.075) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:500 !important;
  transition:transform .24s ease !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-a{
  display:none !important;
  padding:0 22px 22px !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-a p{
  margin:0 !important;
  color:var(--sstp-soft) !important;
  font-size:.92rem !important;
  line-height:1.76 !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-item.is-open{
  border-color:rgba(242,220,168,.30) !important;
  background:
    radial-gradient(circle at 92% 14%, rgba(242,220,168,.095), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.024)) !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-item.is-open .sstp-faq-a{
  display:block !important;
}

#sslp-tanda-pusat-v6 .sstp-faq-item.is-open .sstp-faq-q b{
  transform:rotate(45deg) !important;
}

#sslp-tanda-pusat-v6 .sstp-routes{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  border-top:1px solid var(--sstp-line) !important;
  border-bottom:1px solid var(--sstp-line) !important;
}

#sslp-tanda-pusat-v6 .sstp-route{
  position:relative !important;
  min-height:190px !important;
  padding:22px 20px 46px !important;
  border-right:1px solid rgba(242,220,168,.11) !important;
  background:radial-gradient(circle at 88% 12%, rgba(242,220,168,.040), transparent 30%) !important;
  transition:background .22s ease, transform .22s ease !important;
}

#sslp-tanda-pusat-v6 .sstp-route:last-child{
  border-right:0 !important;
}

#sslp-tanda-pusat-v6 .sstp-route:hover{
  background:
    radial-gradient(circle at 88% 12%, rgba(242,220,168,.075), transparent 32%),
    rgba(255,255,255,.030) !important;
  transform:translateY(-2px) !important;
}

#sslp-tanda-pusat-v6 .sstp-route::after{
  content:"→" !important;
  position:absolute !important;
  right:18px !important;
  bottom:18px !important;
  color:var(--sstp-gold) !important;
  font-size:20px !important;
  line-height:1 !important;
}

#sslp-tanda-pusat-v6 .sstp-route h3{
  margin:11px 0 8px !important;
  font-size:clamp(1.12rem, 1.5vw, 1.5rem) !important;
  line-height:1.16 !important;
}

#sslp-tanda-pusat-v6 .sstp-route p{
  margin:0 !important;
  color:var(--sstp-soft) !important;
  font-size:.86rem !important;
  line-height:1.58 !important;
}

/* =========================================================
   09. CLOSING
========================================================= */

#sslp-tanda-pusat-v6 .sstp-closing{
  position:relative !important;
  z-index:1 !important;
  min-height:540px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}

#sslp-tanda-pusat-v6 .sstp-closing::before{
  content:"" !important;
  position:absolute !important;
  inset:-8% -4% !important;
  background:
    linear-gradient(90deg, rgba(2,7,13,.96), rgba(2,7,13,.48), rgba(2,7,13,.92)),
    var(--sstp-hero) center center / cover no-repeat !important;
  opacity:.52 !important;
  filter:saturate(.92) brightness(.70) !important;
}

#sslp-tanda-pusat-v6 .sstp-closing::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 62% 42%, transparent 0 12%, rgba(2,7,13,.35) 40%, rgba(2,7,13,.94) 90%) !important;
}

#sslp-tanda-pusat-v6 .sstp-closing-copy{
  position:relative !important;
  z-index:2 !important;
  width: min(var(--sstp-max), calc(100% - 44px)) !important;
  margin:0 auto !important;
}

#sslp-tanda-pusat-v6 .sstp-closing-copy .sstp-kicker{
  justify-content:center !important;
}

#sslp-tanda-pusat-v6 .sstp-closing-copy .sstp-kicker::before{
  display:none !important;
}

#sslp-tanda-pusat-v6 .sstp-closing-copy h2{
  max-width:720px !important;
  margin:14px auto 0 !important;
  font-size:clamp(1.9rem, 3.8vw, 3.4rem) !important;
  line-height:1.04 !important;
}

#sslp-tanda-pusat-v6 .sstp-closing-copy p{
  max-width:680px !important;
  margin:20px auto 0 !important;
  color:var(--sstp-soft) !important;
  font-size:.96rem !important;
  line-height:1.84 !important;
}


/* =========================================================
   09A. CLEAN KBDS RAIL PANEL
   Eksplorasi • Visual Map • Kompas Pulang • Page Term
========================================================= */

#sslp-tanda-pusat-v6 .sstp-kbds-panel{
  position:relative !important;
  width:min(100%, 610px) !important;
  display:grid !important;
  gap:12px !important;
  margin-top:22px !important;
  padding:16px 18px 18px !important;
  border:1px solid var(--sstp-line) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(242,220,168,.075), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.020)) !important;
  box-shadow:var(--sstp-shadow-soft) !important;
}

#sslp-tanda-pusat-v6 .sstp-kbds-panel::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(242,220,168,.44), transparent) !important;
  opacity:.62 !important;
  pointer-events:none !important;
}

#sslp-tanda-pusat-v6 .sstp-kbds-panel-head{
  display:block !important;
}

#sslp-tanda-pusat-v6 .sstp-kbds-panel-head span{
  color:var(--sstp-gold) !important;
  font-size:10px !important;
  font-weight:850 !important;
  letter-spacing:.16em !important;
  line-height:1.25 !important;
  text-transform:uppercase !important;
}

#sslp-tanda-pusat-v6 .sstp-kbds-rail{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  align-items:center !important;
}

#sslp-tanda-pusat-v6 .sstp-kbds-btn{
  min-width:126px !important;
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:9px 12px !important;
  border:1px solid rgba(242,220,168,.20) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--sstp-soft) !important;
  font-size:12px !important;
  font-weight:820 !important;
  line-height:1 !important;
  letter-spacing:.020em !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    color .22s ease !important;
}

#sslp-tanda-pusat-v6 .sstp-kbds-btn:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(242,220,168,.40) !important;
  background:rgba(242,220,168,.090) !important;
  color:var(--sstp-strong) !important;
}

#sslp-tanda-pusat-v6 .sstp-kbds-btn b{
  color:var(--sstp-gold) !important;
  font-size:12px !important;
  line-height:1 !important;
}

/* =========================================================
   09B. EDITORIAL NEXT PATH
========================================================= */

#sslp-tanda-pusat-v6 .sstp-next-grid{
  display:grid !important;
  grid-template-columns:minmax(0, .86fr) minmax(320px, 1.14fr) !important;
  gap:clamp(28px, 5vw, 72px) !important;
  align-items:center !important;
  width:100% !important;
}

#sslp-tanda-pusat-v6 .sstp-next-list{
  display:grid !important;
  gap:10px !important;
  width:100% !important;
  max-width:620px !important;
  margin-left:auto !important;
}

#sslp-tanda-pusat-v6 .sstp-next-item{
  position:relative !important;
  display:grid !important;
  grid-template-columns:42px minmax(0, 1fr) 30px !important;
  gap:14px !important;
  align-items:center !important;
  min-height:64px !important;
  padding:12px 14px !important;
  border:1px solid var(--sstp-line) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(242,220,168,.058), transparent 26%),
    linear-gradient(145deg, rgba(255,255,255,.050), rgba(255,255,255,.020)) !important;
  color:var(--sstp-strong) !important;
  text-decoration:none !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease !important;
}

#sslp-tanda-pusat-v6 .sstp-next-item:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(242,220,168,.35) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(242,220,168,.085), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.028)) !important;
}

#sslp-tanda-pusat-v6 .sstp-next-no{
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(242,220,168,.22) !important;
  color:var(--sstp-gold) !important;
  background:rgba(242,220,168,.075) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

#sslp-tanda-pusat-v6 .sstp-next-copy{
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}

#sslp-tanda-pusat-v6 .sstp-next-copy small{
  color:var(--sstp-gold) !important;
  font-size:10px !important;
  font-weight:850 !important;
  letter-spacing:.13em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

#sslp-tanda-pusat-v6 .sstp-next-copy strong{
  color:var(--sstp-strong) !important;
  font-family:var(--sstp-serif) !important;
  font-size:clamp(17px, 1.45vw, 22px) !important;
  font-weight:560 !important;
  letter-spacing:-.022em !important;
  line-height:1.18 !important;
}

#sslp-tanda-pusat-v6 .sstp-next-arrow{
  color:var(--sstp-gold) !important;
  font-size:18px !important;
  line-height:1 !important;
  text-align:center !important;
}

@media (max-width:1080px){
  #sslp-tanda-pusat-v6 .sstp-next-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-next-list{
    max-width:none !important;
    margin-left:0 !important;
  }
}

@media (max-width:720px){
  #sslp-tanda-pusat-v6 .sstp-kbds-panel{
    width:100% !important;
  }

  #sslp-tanda-pusat-v6 .sstp-kbds-btn{
    flex:1 1 calc(50% - 9px) !important;
    min-width:0 !important;
  }

  #sslp-tanda-pusat-v6 .sstp-next-item{
    grid-template-columns:38px minmax(0, 1fr) 24px !important;
  }
}

@media (max-width:480px){
  #sslp-tanda-pusat-v6 .sstp-kbds-rail{
    align-items:stretch !important;
  }

  #sslp-tanda-pusat-v6 .sstp-kbds-btn{
    flex-basis:100% !important;
  }

  #sslp-tanda-pusat-v6 .sstp-next-item{
    grid-template-columns:34px minmax(0, 1fr) !important;
  }

  #sslp-tanda-pusat-v6 .sstp-next-arrow{
    display:none !important;
  }
}


/* =========================================================
   10. LIGHT MODE IMAGE TUNING
========================================================= */

#sslp-tanda-pusat-v6[data-theme="light"] .sstp-hero::before,
html[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-hero::before,
body[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-hero::before{
  background:
    linear-gradient(90deg, rgba(247,240,228,.98) 0%, rgba(247,240,228,.86) 26%, rgba(247,240,228,.32) 58%, rgba(247,240,228,.90) 100%),
    radial-gradient(circle at 64% 47%, rgba(157,123,56,.15), transparent 13%),
    var(--sstp-hero) center center / cover no-repeat !important;
  filter:saturate(.82) contrast(.96) brightness(1.10) !important;
  opacity:.44 !important;
}

#sslp-tanda-pusat-v6[data-theme="light"] .sstp-hero::after,
html[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-hero::after,
body[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-hero::after{
  background:
    radial-gradient(circle at 64% 47%, transparent 0 13%, rgba(247,240,228,.28) 32%, rgba(247,240,228,.94) 88%),
    linear-gradient(180deg, rgba(247,240,228,.20) 0%, rgba(247,240,228,.12) 42%, rgba(247,240,228,.94) 100%) !important;
}

#sslp-tanda-pusat-v6[data-theme="light"] .sstp-seal-core::before,
html[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-seal-core::before,
body[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-seal-core::before{
  background:radial-gradient(circle at 50% 50%, transparent 0 21%, rgba(247,240,228,.42) 62%, rgba(247,240,228,.84) 100%) !important;
}

#sslp-tanda-pusat-v6[data-theme="light"] .sstp-closing::before,
html[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-closing::before,
body[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-closing::before{
  background:
    linear-gradient(90deg, rgba(247,240,228,.95), rgba(247,240,228,.58), rgba(247,240,228,.94)),
    var(--sstp-hero) center center / cover no-repeat !important;
  opacity:.40 !important;
  filter:saturate(.82) brightness(1.06) !important;
}

#sslp-tanda-pusat-v6[data-theme="light"] .sstp-closing::after,
html[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-closing::after,
body[data-theme="light"] #sslp-tanda-pusat-v6 .sstp-closing::after{
  background:radial-gradient(circle at 62% 42%, transparent 0 12%, rgba(247,240,228,.48) 40%, rgba(247,240,228,.94) 90%) !important;
}

/* =========================================================
   11. RESPONSIVE
========================================================= */

@media (max-width:1120px){
  #sslp-tanda-pusat-v6 .sstp-hero-inner,
  #sslp-tanda-pusat-v6 .sstp-meaning-grid,
  #sslp-tanda-pusat-v6 .sstp-flow-grid,
  #sslp-tanda-pusat-v6 .sstp-note{
    grid-template-columns:1fr !important;
  }

  #sslp-tanda-pusat-v6 .sstp-hero-side{
    display:none !important;
  }

  #sslp-tanda-pusat-v6 .sstp-flow-copy,
  #sslp-tanda-pusat-v6 .sstp-note-intro{
    position:relative !important;
    top:auto !important;
  }

  #sslp-tanda-pusat-v6 .sstp-seal-inner{
    grid-template-columns:minmax(0,1fr) minmax(300px,420px) minmax(0,1fr) !important;
    grid-template-areas:
      "head head head"
      "shield core compass"
      "crack core orbit"
      "notice notice notice" !important;
  }

  #sslp-tanda-pusat-v6 .sstp-seal-head,
  #sslp-tanda-pusat-v6 .sstp-seal-notice{
    max-width:740px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-routes{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #sslp-tanda-pusat-v6 .sstp-route:nth-child(2){
    border-right:0 !important;
  }

  #sslp-tanda-pusat-v6 .sstp-route:nth-child(1),
  #sslp-tanda-pusat-v6 .sstp-route:nth-child(2){
    border-bottom:1px solid rgba(242,220,168,.11) !important;
  }
}

@media (max-width:860px){
  #sslp-tanda-pusat-v6 .sslp-topbar-inner{
    width:min(100% - 28px, var(--sstp-max)) !important;
    min-height:74px !important;
    grid-template-columns:minmax(0,1fr) 38px !important;
    gap:12px !important;
  }

  #sslp-tanda-pusat-v6 .sslp-topbar-left{
    gap:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    padding-right:4px !important;
  }

  #sslp-tanda-pusat-v6 .sslp-topbar-left::-webkit-scrollbar{
    display:none !important;
  }

  #sslp-tanda-pusat-v6 .sslp-topbar-right{
    width:38px !important;
    min-width:38px !important;
    gap:0 !important;
  }

  #sslp-tanda-pusat-v6 .sslp-brand{
    display:none !important;
  }

  #sslp-tanda-pusat-v6 .sstp-hero{
    min-height:auto !important;
    padding:114px 0 84px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-hero h1{
    font-size:clamp(2.15rem, 9vw, 3.25rem) !important;
  }

  #sslp-tanda-pusat-v6 .sstp-inscription{
    margin-top:-16px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-inscription-inner{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-inscription-code{
    display:none !important;
  }

  #sslp-tanda-pusat-v6 .sstp-seal-inner{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "head"
      "core"
      "shield"
      "compass"
      "orbit"
      "crack"
      "notice" !important;
  }

  #sslp-tanda-pusat-v6 .sstp-seal-core-wrap{
    min-height:auto !important;
    padding:30px 0 !important;
  }

  #sslp-tanda-pusat-v6 .sstp-seal-core{
    width:min(360px, 82vw) !important;
  }

  #sslp-tanda-pusat-v6 .sstp-seal-word{
    display:none !important;
  }

  #sslp-tanda-pusat-v6 .sstp-plate{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-plate::before{
    display:none !important;
  }

  #sslp-tanda-pusat-v6 .sstp-triad{
    display:block !important;
    min-height:auto !important;
    padding:76px 0 80px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-triad-head{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:min(100% - 28px, 720px) !important;
    margin:0 auto 34px !important;
    transform:none !important;
    text-align:left !important;
  }

  #sslp-tanda-pusat-v6 .sstp-triad-head .sstp-kicker{
    justify-content:flex-start !important;
  }

  #sslp-tanda-pusat-v6 .sstp-triad-head .sstp-kicker::before{
    display:inline-block !important;
  }

  #sslp-tanda-pusat-v6 .sstp-constellation{
    width:min(100% - 28px, 720px) !important;
    min-height:auto !important;
    display:grid !important;
    gap:18px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-triad-item{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    transform:none !important;
    padding:18px 18px 18px 20px !important;
    border:1px solid var(--sstp-line) !important;
    background:rgba(255,255,255,.035) !important;
  }

  #sslp-tanda-pusat-v6 .sstp-routes{
    grid-template-columns:1fr !important;
  }

  #sslp-tanda-pusat-v6 .sstp-route,
  #sslp-tanda-pusat-v6 .sstp-route:nth-child(2){
    border-right:0 !important;
    border-bottom:1px solid rgba(242,220,168,.11) !important;
  }

  #sslp-tanda-pusat-v6 .sslp-footerbar-inner{
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    padding:18px 0 !important;
  }
}

@media (max-width:520px){
  #sslp-tanda-pusat-v6 .sstp-shell,
  #sslp-tanda-pusat-v6 .sstp-narrow,
  #sslp-tanda-pusat-v6 .sstp-inscription-inner,
  #sslp-tanda-pusat-v6 .sstp-hero-inner{
    width:calc(100% - 28px) !important;
  }

  #sslp-tanda-pusat-v6 .sstp-hero-actions{
    flex-direction:column !important;
  }

  #sslp-tanda-pusat-v6 .sstp-btn{
    width:100% !important;
  }

  #sslp-tanda-pusat-v6 .sstp-node{
    min-height:auto !important;
  }

  #sslp-tanda-pusat-v6 .sstp-faq-q{
    padding:17px 18px !important;
  }

  #sslp-tanda-pusat-v6 .sstp-faq-a{
    padding:0 18px 18px !important;
  }
}