/* =========================================================
   MULAI MEMBACA SISTEM SUNYI
   Clean Final CSS + Editorial Premium Lift
   Root: #ss-mulai-v2
   Prefix: ssmv2-
   Scoped, TagDiv Newspaper Safe, sslp-core Compatible
========================================================= */


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

#ss-mulai-v2,
#ss-mulai-v2 *,
#ss-mulai-v2 *::before,
#ss-mulai-v2 *::after{
  box-sizing:border-box !important;
}

#ss-mulai-v2{
  --ssmv2-bg:#07101d;
  --ssmv2-bg-deep:#040a13;
  --ssmv2-bg-soft:#0d1d32;

  --ssmv2-surface:rgba(255,255,255,.058);
  --ssmv2-surface-2:rgba(255,255,255,.088);
  --ssmv2-surface-3:rgba(255,255,255,.12);

  --ssmv2-border:rgba(214,180,112,.22);
  --ssmv2-border-strong:rgba(214,180,112,.38);
  --ssmv2-border-soft:rgba(255,255,255,.10);
  --ssmv2-border-blue:rgba(96,143,202,.32);

  --ssmv2-text:#f4efe5;
  --ssmv2-muted:rgba(244,239,229,.74);
  --ssmv2-soft:rgba(244,239,229,.58);

  --ssmv2-gold:#c8a15a;
  --ssmv2-gold-2:#e5c47c;
  --ssmv2-blue:#6f98c9;
  --ssmv2-blue-soft:rgba(111,152,201,.15);
  --ssmv2-blue-soft-2:rgba(111,152,201,.08);

  --ssmv2-shadow:0 24px 76px rgba(0,0,0,.34);
  --ssmv2-shadow-soft:0 18px 52px rgba(0,0,0,.16);

  --ssmv2-radius-xl:32px;
  --ssmv2-radius-lg:24px;
  --ssmv2-radius-md:18px;

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

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

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

  background:
    radial-gradient(circle at 14% 7%, rgba(200,161,90,.16), transparent 31%),
    radial-gradient(circle at 84% 12%, rgba(76,116,172,.17), transparent 35%),
    radial-gradient(circle at 48% 92%, rgba(200,161,90,.08), transparent 34%),
    radial-gradient(circle at 13% 80%, rgba(111,152,201,.045), transparent 33%),
    linear-gradient(90deg, rgba(200,161,90,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--ssmv2-bg-deep) 0%, var(--ssmv2-bg) 44%, var(--ssmv2-bg-soft) 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}

#ss-mulai-v2[data-theme="light"]{
  --ssmv2-bg:#f6f1e8;
  --ssmv2-bg-deep:#fbf7ef;
  --ssmv2-bg-soft:#eaf0f7;

  --ssmv2-surface:rgba(255,255,255,.76);
  --ssmv2-surface-2:rgba(255,255,255,.94);
  --ssmv2-surface-3:rgba(255,255,255,.98);

  --ssmv2-border:rgba(111,78,34,.20);
  --ssmv2-border-strong:rgba(111,78,34,.34);
  --ssmv2-border-soft:rgba(30,45,66,.12);
  --ssmv2-border-blue:rgba(55,91,137,.26);

  --ssmv2-text:#172235;
  --ssmv2-muted:rgba(23,34,53,.74);
  --ssmv2-soft:rgba(23,34,53,.58);

  --ssmv2-gold:#9f7430;
  --ssmv2-gold-2:#7d5520;
  --ssmv2-blue:#375b89;
  --ssmv2-blue-soft:rgba(55,91,137,.10);
  --ssmv2-blue-soft-2:rgba(55,91,137,.07);

  --ssmv2-shadow:0 24px 70px rgba(35,35,35,.12);
  --ssmv2-shadow-soft:0 18px 52px rgba(35,35,35,.10);

  color:var(--ssmv2-text) !important;
  background:
    radial-gradient(circle at 14% 7%, rgba(159,116,48,.14), transparent 31%),
    radial-gradient(circle at 84% 12%, rgba(55,91,137,.11), transparent 34%),
    radial-gradient(circle at 48% 92%, rgba(159,116,48,.055), transparent 34%),
    linear-gradient(90deg, rgba(159,116,48,.018) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, #fbf7ef 0%, #f3ede2 48%, #eaf0f7 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}


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

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

#ss-mulai-v2 h1,
#ss-mulai-v2 h2,
#ss-mulai-v2 h3,
#ss-mulai-v2 h4{
  margin-top:0 !important;
  color:var(--ssmv2-text) !important;
  font-family:var(--ssmv2-serif) !important;
  text-transform:none !important;
}

#ss-mulai-v2 p{
  margin-top:0 !important;
  color:var(--ssmv2-muted) !important;
}

#ss-mulai-v2 a,
#ss-mulai-v2 a:link,
#ss-mulai-v2 a:visited,
#ss-mulai-v2 a:hover,
#ss-mulai-v2 a:active{
  color:inherit !important;
  text-decoration:none !important;
  outline:none !important;
}

#ss-mulai-v2 button{
  appearance:none !important;
  -webkit-appearance:none !important;
  font:inherit !important;
  border:0 !important;
  outline:none !important;
  background:none !important;
  cursor:pointer !important;
}


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

#ss-mulai-v2 .ssmv2-shell{
  width:min(var(--ssmv2-max), calc(100% - 32px)) !important;
  margin:0 auto !important;
  position:relative !important;
  z-index:2 !important;
}

#ss-mulai-v2 .ssmv2-bg-mark{
  position:absolute !important;
  inset:auto -8vw 7% auto !important;
  z-index:1 !important;
  width:min(54vw, 660px) !important;
  height:min(54vw, 660px) !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.12) !important;
  opacity:.48 !important;
  pointer-events:none !important;
}

#ss-mulai-v2 .ssmv2-bg-mark::before,
#ss-mulai-v2 .ssmv2-bg-mark::after{
  content:"" !important;
  position:absolute !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.075) !important;
}

#ss-mulai-v2 .ssmv2-bg-mark::before{
  inset:12% !important;
}

#ss-mulai-v2 .ssmv2-bg-mark::after{
  inset:27% !important;
  border-color:rgba(200,161,90,.12) !important;
}

#ss-mulai-v2 h1{
  max-width:780px !important;
  margin:0 0 20px !important;
  font-size:clamp(33px, 3.8vw, 52px) !important;
  line-height:1.05 !important;
  letter-spacing:-.038em !important;
  font-weight:720 !important;
}

#ss-mulai-v2 h2{
  margin:0 !important;
  font-size:clamp(24px, 2.45vw, 34px) !important;
  line-height:1.14 !important;
  letter-spacing:-.030em !important;
  font-weight:700 !important;
}

#ss-mulai-v2 h3{
  margin:0 0 8px !important;
  font-size:clamp(18px, 1.35vw, 22px) !important;
  line-height:1.2 !important;
  letter-spacing:-.018em !important;
  font-weight:700 !important;
}

#ss-mulai-v2 .ssmv2-title-lg{
  font-size:clamp(22px, 1.95vw, 28px) !important;
  line-height:1.16 !important;
  letter-spacing:-.026em !important;
}


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

#ss-mulai-v2 .ssmv2-topbar,
#ss-mulai-v2 .ssmv2-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  position:relative !important;
  z-index:5 !important;
}

#ss-mulai-v2 .ssmv2-topbar{
  padding:24px 0 16px !important;
}

#ss-mulai-v2 .ssmv2-navlinks{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

#ss-mulai-v2 .ssmv2-pill,
#ss-mulai-v2 .ssmv2-toggle,
#ss-mulai-v2 .ssmv2-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    color .25s ease !important;
}

#ss-mulai-v2 .ssmv2-pill,
#ss-mulai-v2 .ssmv2-toggle{
  min-height:36px !important;
  padding:8px 13px !important;
  border:1px solid var(--ssmv2-border-soft) !important;
  background:rgba(255,255,255,.050) !important;
  color:var(--ssmv2-muted) !important;
  font-size:11.5px !important;
  font-weight:760 !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-pill,
#ss-mulai-v2[data-theme="light"] .ssmv2-toggle{
  background:rgba(255,255,255,.72) !important;
}

#ss-mulai-v2 .ssmv2-pill:hover,
#ss-mulai-v2 .ssmv2-toggle:hover,
#ss-mulai-v2 .ssmv2-btn:hover{
  transform:translateY(-2px) !important;
  color:var(--ssmv2-text) !important;
  border-color:var(--ssmv2-border-strong) !important;
  background:var(--ssmv2-surface-2) !important;
}

#ss-mulai-v2 .ssmv2-brand{
  color:var(--ssmv2-gold) !important;
  font-size:11.5px !important;
  font-weight:820 !important;
  line-height:1.3 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  opacity:.92 !important;
  white-space:nowrap !important;
}

#ss-mulai-v2 .ssmv2-footer{
  padding:24px 0 36px !important;
  border-top:1px solid var(--ssmv2-border-soft) !important;
  color:var(--ssmv2-soft) !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
}

#ss-mulai-v2 .ssmv2-footer span,
#ss-mulai-v2 .ssmv2-footer a{
  color:var(--ssmv2-soft) !important;
}

#ss-mulai-v2 .ssmv2-footer a{
  border-bottom:1px solid transparent !important;
  transition:color .25s ease, border-color .25s ease !important;
}

#ss-mulai-v2 .ssmv2-footer a:hover{
  color:var(--ssmv2-gold) !important;
  border-color:var(--ssmv2-gold) !important;
}


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

#ss-mulai-v2 .ssmv2-hero{
  position:relative !important;
  padding:58px 0 46px !important;
  scroll-margin-top:90px !important;
}

#ss-mulai-v2 .ssmv2-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.02fr) minmax(320px, .98fr) !important;
  gap:38px !important;
  align-items:center !important;
}

#ss-mulai-v2 .ssmv2-kicker,
#ss-mulai-v2 .ssmv2-eyebrow,
#ss-mulai-v2 .sslp-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  color:var(--ssmv2-gold) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

#ss-mulai-v2 .ssmv2-kicker{
  gap:10px !important;
  margin-bottom:16px !important;
}

#ss-mulai-v2 .ssmv2-kicker::before{
  content:"" !important;
  width:34px !important;
  height:1px !important;
  background:var(--ssmv2-gold) !important;
  opacity:.85 !important;
}

#ss-mulai-v2 .ssmv2-hero-lead{
  max-width:720px !important;
  margin:0 0 24px !important;
  color:var(--ssmv2-muted) !important;
  font-size:clamp(15.5px, 1.18vw, 17.5px) !important;
  line-height:1.72 !important;
  font-weight:400 !important;
}

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

#ss-mulai-v2 .ssmv2-actions,
#ss-mulai-v2 .ssmv2-hero-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:24px !important;
}

#ss-mulai-v2 .ssmv2-btn{
  gap:10px !important;
  min-height:44px !important;
  padding:11px 17px !important;
  border:1px solid var(--ssmv2-border) !important;
  font-size:12.5px !important;
  font-weight:820 !important;
  line-height:1.2 !important;
  letter-spacing:.035em !important;
}

#ss-mulai-v2 .ssmv2-btn.primary{
  color:#120f0a !important;
  background:linear-gradient(135deg, #d9b66e, #f2dda3) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 16px 42px rgba(200,161,90,.16) !important;
}

#ss-mulai-v2 .ssmv2-btn.secondary{
  color:var(--ssmv2-text) !important;
  background:rgba(255,255,255,.060) !important;
  border-color:var(--ssmv2-border-soft) !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-btn.secondary{
  background:rgba(255,255,255,.74) !important;
}


/* =========================================================
   5. HERO VISUAL: READING GATE FIELD
========================================================= */

#ss-mulai-v2 .ssmv2-visual{
  position:relative !important;
  min-height:470px !important;
  border:1px solid var(--ssmv2-border) !important;
  border-radius:var(--ssmv2-radius-xl) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.030)),
    radial-gradient(circle at 50% 48%, rgba(200,161,90,.18), transparent 38%),
    radial-gradient(circle at 78% 18%, rgba(111,152,201,.11), transparent 28%),
    linear-gradient(145deg, rgba(11,23,40,.96), rgba(18,39,64,.58)) !important;
  box-shadow:var(--ssmv2-shadow) !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-visual{
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.50)),
    radial-gradient(circle at 50% 48%, rgba(159,116,48,.15), transparent 38%),
    radial-gradient(circle at 78% 18%, rgba(55,91,137,.10), transparent 30%),
    linear-gradient(145deg, rgba(255,250,240,.92), rgba(221,233,246,.70)) !important;
}

#ss-mulai-v2 .ssmv2-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  z-index:1 !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(255,255,255,.050) 49.9% 50.1%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(255,255,255,.036) 49.9% 50.1%, transparent 50.3%) !important;
  opacity:.52 !important;
  pointer-events:none !important;
}

#ss-mulai-v2 .ssmv2-visual::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:1 !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 90px rgba(111,152,201,.10),
    inset 0 0 70px rgba(200,161,90,.060) !important;
  pointer-events:none !important;
}

#ss-mulai-v2 .ssmv2-visual-core{
  position:absolute !important;
  inset:28px !important;
  z-index:2 !important;
  border-radius:26px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:
    linear-gradient(90deg, transparent 0 49%, rgba(224,192,121,.20) 49.2% 49.7%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(200,161,90,.18), transparent 0 18%, transparent 19%),
    radial-gradient(circle at 50% 50%, transparent 0 38%, rgba(255,255,255,.10) 38.3% 38.8%, transparent 39%),
    radial-gradient(circle at 50% 50%, transparent 0 62%, rgba(200,161,90,.13) 62.3% 62.8%, transparent 63%),
    linear-gradient(135deg, rgba(255,255,255,.035), transparent) !important;
}

#ss-mulai-v2 .ssmv2-door{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:4 !important;
  width:166px !important;
  height:230px !important;
  transform:translate(-50%, -50%) !important;
  border-radius:84px 84px 28px 28px !important;
  border:1px solid rgba(224,192,121,.52) !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(224,192,121,.26), transparent 46%),
    linear-gradient(180deg, rgba(224,192,121,.12), rgba(255,255,255,.040)) !important;
  box-shadow:
    0 0 84px rgba(200,161,90,.18),
    inset 0 0 30px rgba(255,255,255,.040) !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  color:var(--ssmv2-text) !important;
  font-family:var(--ssmv2-serif) !important;
  font-size:18px !important;
  line-height:1.18 !important;
  letter-spacing:-.020em !important;
}

#ss-mulai-v2 .ssmv2-path{
  position:absolute !important;
  left:50% !important;
  bottom:28px !important;
  z-index:2 !important;
  width:74% !important;
  height:118px !important;
  transform:translateX(-50%) !important;
  border-radius:50% 50% 0 0 !important;
  border-top:1px solid rgba(224,192,121,.30) !important;
  background:radial-gradient(ellipse at 50% 0%, rgba(224,192,121,.10), transparent 66%) !important;
  opacity:.92 !important;
}

#ss-mulai-v2 .ssmv2-node{
  position:absolute !important;
  z-index:5 !important;
  width:142px !important;
  min-height:68px !important;
  padding:12px 13px !important;
  border-radius:18px !important;
  border:1px solid var(--ssmv2-border-soft) !important;
  background:rgba(255,255,255,.075) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.16) !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-node{
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 16px 36px rgba(22,32,50,.10) !important;
}

#ss-mulai-v2 .ssmv2-node::before{
  content:"" !important;
  position:absolute !important;
  right:12px !important;
  top:10px !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:var(--ssmv2-gold) !important;
  box-shadow:0 0 18px rgba(200,161,90,.36) !important;
  opacity:.82 !important;
}

#ss-mulai-v2 .ssmv2-node strong{
  display:block !important;
  margin-bottom:3px !important;
  color:var(--ssmv2-gold) !important;
  font-size:10.5px !important;
  font-weight:820 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#ss-mulai-v2 .ssmv2-node span{
  display:block !important;
  color:var(--ssmv2-text) !important;
  font-size:12.5px !important;
  font-weight:760 !important;
  line-height:1.35 !important;
}

#ss-mulai-v2 .node-1{
  left:46px !important;
  top:72px !important;
}

#ss-mulai-v2 .node-2{
  right:50px !important;
  top:78px !important;
}

#ss-mulai-v2 .node-3{
  left:50px !important;
  bottom:86px !important;
}

#ss-mulai-v2 .node-4{
  right:50px !important;
  bottom:86px !important;
}


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

#ss-mulai-v2 .ssmv2-section{
  position:relative !important;
  z-index:2 !important;
  padding:48px 0 !important;
  scroll-margin-top:90px !important;
}

#ss-mulai-v2 .ssmv2-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;
}

#ss-mulai-v2 .ssmv2-eyebrow{
  margin-bottom:12px !important;
}

#ss-mulai-v2 .ssmv2-section-desc{
  margin:0 !important;
  color:var(--ssmv2-muted) !important;
  font-size:15.5px !important;
  line-height:1.76 !important;
  font-weight:400 !important;
}

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

#ss-mulai-v2 .ssmv2-grid-4,
#ss-mulai-v2 .ssmv2-compass{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

#ss-mulai-v2 .ssmv2-grid-3{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
}

#ss-mulai-v2 .ssmv2-grid-2{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:18px !important;
}

#ss-mulai-v2 .ssmv2-meaning{
  display:grid !important;
  grid-template-columns:minmax(0, .72fr) minmax(320px, .55fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}


/* =========================================================
   7. PANEL AND CARD SYSTEM
========================================================= */

#ss-mulai-v2 .ssmv2-panel,
#ss-mulai-v2 .ssmv2-statement,
#ss-mulai-v2 .ssmv2-note,
#ss-mulai-v2 .ssmv2-search-panel,
#ss-mulai-v2 .ssmv2-cta,
#ss-mulai-v2 .sslp-pause-box{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--ssmv2-border) !important;
  border-radius:var(--ssmv2-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(200,161,90,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(111,152,201,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
  box-shadow:var(--ssmv2-shadow) !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-panel,
#ss-mulai-v2[data-theme="light"] .ssmv2-statement,
#ss-mulai-v2[data-theme="light"] .ssmv2-note,
#ss-mulai-v2[data-theme="light"] .ssmv2-search-panel,
#ss-mulai-v2[data-theme="light"] .ssmv2-cta,
#ss-mulai-v2[data-theme="light"] .sslp-pause-box{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(55,91,137,.065), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.62)) !important;
}

#ss-mulai-v2 .ssmv2-panel,
#ss-mulai-v2 .ssmv2-statement,
#ss-mulai-v2 .ssmv2-note,
#ss-mulai-v2 .ssmv2-search-panel{
  padding:28px !important;
}

#ss-mulai-v2 .ssmv2-panel::before,
#ss-mulai-v2 .ssmv2-statement::before,
#ss-mulai-v2 .ssmv2-note::before,
#ss-mulai-v2 .ssmv2-search-panel::before,
#ss-mulai-v2 .ssmv2-cta::before,
#ss-mulai-v2 .sslp-pause-box::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(--ssmv2-gold), transparent) !important;
  opacity:.42 !important;
}

#ss-mulai-v2 .ssmv2-panel::after,
#ss-mulai-v2 .ssmv2-statement::after,
#ss-mulai-v2 .ssmv2-note::after,
#ss-mulai-v2 .ssmv2-search-panel::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(111,152,201,.13) !important;
  box-shadow:
    0 0 0 46px rgba(111,152,201,.014),
    0 0 0 96px rgba(200,161,90,.010) !important;
  pointer-events:none !important;
  opacity:.46 !important;
}

#ss-mulai-v2 .ssmv2-panel > *,
#ss-mulai-v2 .ssmv2-statement > *,
#ss-mulai-v2 .ssmv2-note > *,
#ss-mulai-v2 .ssmv2-search-panel > *,
#ss-mulai-v2 .ssmv2-cta > *,
#ss-mulai-v2 .sslp-pause-box > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-mulai-v2 .ssmv2-statement p,
#ss-mulai-v2 .ssmv2-note p,
#ss-mulai-v2 .ssmv2-panel p,
#ss-mulai-v2 .ssmv2-search-panel p{
  margin:0 0 14px !important;
  color:var(--ssmv2-muted) !important;
  font-size:15.5px !important;
  line-height:1.78 !important;
}

#ss-mulai-v2 .ssmv2-statement p:last-child,
#ss-mulai-v2 .ssmv2-note p:last-child,
#ss-mulai-v2 .ssmv2-panel p:last-child,
#ss-mulai-v2 .ssmv2-search-panel p:last-child{
  margin-bottom:0 !important;
}

#ss-mulai-v2 .ssmv2-statement strong,
#ss-mulai-v2 .ssmv2-note strong,
#ss-mulai-v2 .ssmv2-panel strong{
  color:var(--ssmv2-text) !important;
  font-weight:820 !important;
}

#ss-mulai-v2 .ssmv2-card,
#ss-mulai-v2 .ssmv2-route,
#ss-mulai-v2 .ssmv2-small,
#ss-mulai-v2 .ssmv2-fit,
#ss-mulai-v2 .ssmv2-compass-card,
#ss-mulai-v2 .ssmv2-faq-item{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--ssmv2-border-soft) !important;
  border-radius:var(--ssmv2-radius-lg) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(111,152,201,.095), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.022)) !important;
  box-shadow:var(--ssmv2-shadow-soft) !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-card,
#ss-mulai-v2[data-theme="light"] .ssmv2-route,
#ss-mulai-v2[data-theme="light"] .ssmv2-small,
#ss-mulai-v2[data-theme="light"] .ssmv2-fit,
#ss-mulai-v2[data-theme="light"] .ssmv2-compass-card,
#ss-mulai-v2[data-theme="light"] .ssmv2-faq-item{
  background:
    radial-gradient(circle at 86% 12%, rgba(55,91,137,.075), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56)) !important;
}

#ss-mulai-v2 .ssmv2-card::before,
#ss-mulai-v2 .ssmv2-route::before,
#ss-mulai-v2 .ssmv2-small::before,
#ss-mulai-v2 .ssmv2-fit::before,
#ss-mulai-v2 .ssmv2-compass-card::before,
#ss-mulai-v2 .ssmv2-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;
}

#ss-mulai-v2 .ssmv2-card::after,
#ss-mulai-v2 .ssmv2-route::after,
#ss-mulai-v2 .ssmv2-small::after,
#ss-mulai-v2 .ssmv2-fit::after,
#ss-mulai-v2 .ssmv2-compass-card::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(111,152,201,.16) !important;
  opacity:.46 !important;
  pointer-events:none !important;
}

#ss-mulai-v2 .ssmv2-card > *,
#ss-mulai-v2 .ssmv2-route > *,
#ss-mulai-v2 .ssmv2-small > *,
#ss-mulai-v2 .ssmv2-fit > *,
#ss-mulai-v2 .ssmv2-compass-card > *,
#ss-mulai-v2 .ssmv2-faq-item > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-mulai-v2 .ssmv2-card,
#ss-mulai-v2 .ssmv2-route,
#ss-mulai-v2 .ssmv2-small,
#ss-mulai-v2 .ssmv2-fit{
  min-height:178px !important;
  padding:21px !important;
}

#ss-mulai-v2 .ssmv2-route{
  min-height:288px !important;
}

#ss-mulai-v2 .ssmv2-card{
  min-height:270px !important;
}

#ss-mulai-v2 .ssmv2-small p,
#ss-mulai-v2 .ssmv2-route p,
#ss-mulai-v2 .ssmv2-card p,
#ss-mulai-v2 .ssmv2-fit p,
#ss-mulai-v2 .ssmv2-compass-card p{
  margin:0 !important;
  color:var(--ssmv2-muted) !important;
  font-size:14px !important;
  line-height:1.66 !important;
}

#ss-mulai-v2 .label,
#ss-mulai-v2 .num,
#ss-mulai-v2 .ssmv2-badge{
  display:inline-flex !important;
  margin-bottom:18px !important;
  color:var(--ssmv2-gold) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}


/* =========================================================
   8. COMPASS, MEANING, LISTS, LINKS
========================================================= */

#ss-mulai-v2 .ssmv2-compass-card{
  min-height:172px !important;
  padding:20px !important;
}

#ss-mulai-v2 .ssmv2-compass-card:nth-child(1){
  border-radius:34px 24px 24px 24px !important;
}

#ss-mulai-v2 .ssmv2-compass-card:nth-child(2){
  transform:translateY(14px) !important;
}

#ss-mulai-v2 .ssmv2-compass-card:nth-child(3){
  transform:translateY(30px) !important;
}

#ss-mulai-v2 .ssmv2-compass-card:nth-child(4){
  transform:translateY(8px) !important;
  border-radius:24px 34px 24px 24px !important;
}

#ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(2),
#ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(6){
  transform:translateY(14px) !important;
}

#ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(3),
#ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(7){
  transform:translateY(30px) !important;
}

#ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(4),
#ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(8){
  transform:translateY(8px) !important;
}

#ss-mulai-v2 .ssmv2-grid-3 > .ssmv2-route:nth-child(2),
#ss-mulai-v2 .ssmv2-grid-3 > .ssmv2-card:nth-child(2){
  transform:translateY(16px) !important;
}

#ss-mulai-v2 .ssmv2-meaning-list{
  display:grid !important;
  gap:12px !important;
}

#ss-mulai-v2 .ssmv2-meaning-item{
  position:relative !important;
  overflow:hidden !important;
  padding:16px !important;
  border:1px solid var(--ssmv2-border-soft) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.045) !important;
}

#ss-mulai-v2 .ssmv2-meaning-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,.34), transparent) !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-meaning-item{
  background:rgba(255,255,255,.64) !important;
}

#ss-mulai-v2 .ssmv2-meaning-item strong{
  display:block !important;
  margin-bottom:4px !important;
  color:var(--ssmv2-text) !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

#ss-mulai-v2 .ssmv2-meaning-item span{
  display:block !important;
  color:var(--ssmv2-muted) !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
}

#ss-mulai-v2 .ssmv2-fit ul,
#ss-mulai-v2 .ssmv2-route ul{
  display:grid !important;
  gap:8px !important;
  margin:14px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}

#ss-mulai-v2 .ssmv2-fit li,
#ss-mulai-v2 .ssmv2-route li{
  position:relative !important;
  margin:0 !important;
  padding:0 0 0 16px !important;
  color:var(--ssmv2-muted) !important;
  font-size:13.5px !important;
  line-height:1.52 !important;
}

#ss-mulai-v2 .ssmv2-fit li::before,
#ss-mulai-v2 .ssmv2-route li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.62em !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:var(--ssmv2-gold) !important;
  opacity:.75 !important;
}

#ss-mulai-v2 .ssmv2-links{
  display:grid !important;
  gap:9px !important;
  margin-top:20px !important;
}

#ss-mulai-v2 .ssmv2-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(--ssmv2-border-soft) !important;
  background:rgba(255,255,255,.045) !important;
  transition:background .25s ease, border-color .25s ease, transform .25s ease !important;
}

#ss-mulai-v2 .ssmv2-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,.26), transparent) !important;
  opacity:.62 !important;
  pointer-events:none !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-link{
  background:rgba(255,255,255,.64) !important;
}

#ss-mulai-v2 .ssmv2-link:hover{
  transform:translateX(4px) !important;
  border-color:var(--ssmv2-border-strong) !important;
  background:var(--ssmv2-surface-2) !important;
}

#ss-mulai-v2 .ssmv2-link span:first-child{
  color:var(--ssmv2-text) !important;
  font-size:13.5px !important;
  font-weight:760 !important;
  line-height:1.38 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

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


/* =========================================================
   9. SEARCH BOX AND CHIPS
========================================================= */

#ss-mulai-v2 .ssmv2-search-box{
  position:relative !important;
  overflow:hidden !important;
  margin-top:18px !important;
  padding:18px !important;
  border:1px solid var(--ssmv2-border-soft) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.045) !important;
}

#ss-mulai-v2 .ssmv2-search-box::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(111,152,201,.42), rgba(200,161,90,.18), transparent) !important;
  opacity:.70 !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-search-box{
  background:rgba(255,255,255,.62) !important;
}

#ss-mulai-v2 .ssmv2-search-input{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:54px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:1px solid var(--ssmv2-border) !important;
  background:rgba(255,255,255,.055) !important;
  color:var(--ssmv2-soft) !important;
  font-size:14px !important;
  line-height:1.4 !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-search-input{
  background:rgba(255,255,255,.84) !important;
}

#ss-mulai-v2 .ssmv2-search-input strong{
  color:var(--ssmv2-gold) !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

#ss-mulai-v2 .ssmv2-chips{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:14px !important;
}

#ss-mulai-v2 .ssmv2-chip{
  display:inline-flex !important;
  min-height:30px !important;
  align-items:center !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid var(--ssmv2-border-soft) !important;
  color:var(--ssmv2-muted) !important;
  font-size:12px !important;
  font-weight:720 !important;
  line-height:1.2 !important;
  background:rgba(255,255,255,.040) !important;
}


/* =========================================================
   10. JEDA SUNYI
========================================================= */

#ss-mulai-v2 .sslp-pause{
  padding:48px 0 !important;
}

#ss-mulai-v2 .sslp-pause-box{
  padding:34px !important;
}

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

#ss-mulai-v2 .sslp-pause-content h2{
  margin:8px 0 12px !important;
}

#ss-mulai-v2 .sslp-pause-content p{
  margin:0 !important;
  color:var(--ssmv2-muted) !important;
  font-size:15.5px !important;
  line-height:1.74 !important;
}

#ss-mulai-v2 .sslp-pause-mark{
  position:absolute !important;
  right:30px !important;
  bottom:-22px !important;
  color:rgba(200,161,90,.16) !important;
  font-family:var(--ssmv2-serif) !important;
  font-size:150px !important;
  line-height:1 !important;
  pointer-events:none !important;
}


/* =========================================================
   11. FAQ
========================================================= */

#ss-mulai-v2 .ssmv2-faq{
  display:grid !important;
  gap:12px !important;
}

#ss-mulai-v2 .ssmv2-faq-item{
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border-radius:22px !important;
}

#ss-mulai-v2 .ssmv2-faq-q{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:54px !important;
  padding:15px 18px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--ssmv2-text) !important;
  cursor:pointer !important;
  text-align:left !important;
  font-family:var(--ssmv2-serif) !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

#ss-mulai-v2[data-theme="light"] .ssmv2-faq-q{
  background:rgba(255,255,255,.72) !important;
}

#ss-mulai-v2 .ssmv2-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(--ssmv2-gold) !important;
  background:rgba(200,161,90,.08) !important;
  font-family:var(--ssmv2-sans) !important;
  font-size:18px !important;
  line-height:1 !important;
  transition:transform .24s ease !important;
}

#ss-mulai-v2 .ssmv2-faq-a{
  display:none !important;
  padding:0 18px 18px !important;
}

#ss-mulai-v2 .ssmv2-faq-a p{
  margin:0 !important;
  color:var(--ssmv2-muted) !important;
  font-size:14.5px !important;
  line-height:1.68 !important;
}

#ss-mulai-v2 .ssmv2-faq-item.is-open{
  border-color:var(--ssmv2-border-strong) !important;
  background:var(--ssmv2-surface-2) !important;
}

#ss-mulai-v2 .ssmv2-faq-item.is-open .ssmv2-faq-a{
  display:block !important;
}

#ss-mulai-v2 .ssmv2-faq-item.is-open .ssmv2-faq-q span:last-child{
  transform:rotate(45deg) !important;
}


/* =========================================================
   12. CTA
========================================================= */

#ss-mulai-v2 .ssmv2-cta{
  margin:54px 0 66px !important;
  padding:34px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:24px !important;
  align-items:center !important;
}

#ss-mulai-v2 .ssmv2-cta::after{
  content:"" !important;
  position:absolute !important;
  left:-8% !important;
  top:-40% !important;
  width:360px !important;
  height:360px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(77,118,172,.14), transparent 68%) !important;
  pointer-events:none !important;
  opacity:.72 !important;
}

#ss-mulai-v2 .ssmv2-cta p{
  margin:0 !important;
  max-width:720px !important;
  color:var(--ssmv2-muted) !important;
  font-size:15.5px !important;
  line-height:1.74 !important;
}


/* =========================================================
   13. RESPONSIVE
========================================================= */

@media(max-width:980px){
  #ss-mulai-v2 .ssmv2-hero-grid,
  #ss-mulai-v2 .ssmv2-section-head,
  #ss-mulai-v2 .ssmv2-dual,
  #ss-mulai-v2 .ssmv2-meaning,
  #ss-mulai-v2 .ssmv2-cta{
    grid-template-columns:1fr !important;
  }

  #ss-mulai-v2 .ssmv2-compass,
  #ss-mulai-v2 .ssmv2-grid-4{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #ss-mulai-v2 .ssmv2-grid-3,
  #ss-mulai-v2 .ssmv2-grid-2{
    grid-template-columns:1fr !important;
  }

  #ss-mulai-v2 .ssmv2-compass-card:nth-child(1),
  #ss-mulai-v2 .ssmv2-compass-card:nth-child(2),
  #ss-mulai-v2 .ssmv2-compass-card:nth-child(3),
  #ss-mulai-v2 .ssmv2-compass-card:nth-child(4),
  #ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(2),
  #ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(3),
  #ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(4),
  #ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(6),
  #ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(7),
  #ss-mulai-v2 .ssmv2-grid-4 > .ssmv2-small:nth-child(8),
  #ss-mulai-v2 .ssmv2-grid-3 > .ssmv2-route:nth-child(2),
  #ss-mulai-v2 .ssmv2-grid-3 > .ssmv2-card:nth-child(2){
    transform:none !important;
  }

  #ss-mulai-v2 .ssmv2-visual{
    min-height:430px !important;
  }
}

@media(max-width:720px){
  #ss-mulai-v2 .ssmv2-shell{
    width:min(100% - 22px, var(--ssmv2-max)) !important;
  }

  #ss-mulai-v2 .ssmv2-topbar{
    align-items:flex-start !important;
    flex-direction:column !important;
    padding-top:18px !important;
  }

  #ss-mulai-v2 .ssmv2-brand{
    white-space:normal !important;
  }

  #ss-mulai-v2 .ssmv2-hero{
    padding:42px 0 34px !important;
  }

  #ss-mulai-v2 h1{
    font-size:clamp(31px, 9vw, 42px) !important;
    line-height:1.06 !important;
    letter-spacing:-.036em !important;
  }

  #ss-mulai-v2 h2{
    font-size:clamp(23px, 6.8vw, 31px) !important;
    line-height:1.14 !important;
    letter-spacing:-.028em !important;
  }

  #ss-mulai-v2 h3{
    font-size:clamp(18px, 5.4vw, 22px) !important;
    line-height:1.2 !important;
  }

  #ss-mulai-v2 .ssmv2-title-lg{
    font-size:clamp(22px, 6.2vw, 27px) !important;
    line-height:1.16 !important;
  }

  #ss-mulai-v2 .ssmv2-hero-lead,
  #ss-mulai-v2 .ssmv2-section-desc{
    font-size:15px !important;
    line-height:1.68 !important;
  }

  #ss-mulai-v2 .ssmv2-quote{
    font-size:17px !important;
  }

  #ss-mulai-v2 .ssmv2-hero-actions,
  #ss-mulai-v2 .ssmv2-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #ss-mulai-v2 .ssmv2-btn{
    width:100% !important;
  }

  #ss-mulai-v2 .ssmv2-visual{
    min-height:390px !important;
    border-radius:26px !important;
  }

  #ss-mulai-v2 .ssmv2-visual-core{
    inset:16px !important;
  }

  #ss-mulai-v2 .ssmv2-door{
    width:138px !important;
    height:198px !important;
    font-size:16px !important;
  }

  #ss-mulai-v2 .ssmv2-node{
    width:126px !important;
    padding:11px 12px !important;
  }

  #ss-mulai-v2 .ssmv2-node span{
    font-size:12px !important;
  }

  #ss-mulai-v2 .node-1{
    left:16px !important;
    top:54px !important;
  }

  #ss-mulai-v2 .node-2{
    right:16px !important;
    top:76px !important;
  }

  #ss-mulai-v2 .node-3{
    left:16px !important;
    bottom:64px !important;
  }

  #ss-mulai-v2 .node-4{
    right:16px !important;
    bottom:50px !important;
  }

  #ss-mulai-v2 .ssmv2-compass,
  #ss-mulai-v2 .ssmv2-grid-4{
    grid-template-columns:1fr !important;
  }

  #ss-mulai-v2 .ssmv2-section,
  #ss-mulai-v2 .sslp-pause{
    padding:40px 0 !important;
    scroll-margin-top:78px !important;
  }

  #ss-mulai-v2 .ssmv2-card,
  #ss-mulai-v2 .ssmv2-route,
  #ss-mulai-v2 .ssmv2-small,
  #ss-mulai-v2 .ssmv2-fit,
  #ss-mulai-v2 .ssmv2-statement,
  #ss-mulai-v2 .ssmv2-note,
  #ss-mulai-v2 .ssmv2-panel,
  #ss-mulai-v2 .ssmv2-search-panel,
  #ss-mulai-v2 .ssmv2-cta,
  #ss-mulai-v2 .sslp-pause-box{
    padding:22px !important;
    border-radius:24px !important;
  }

  #ss-mulai-v2 .ssmv2-card,
  #ss-mulai-v2 .ssmv2-route,
  #ss-mulai-v2 .ssmv2-small,
  #ss-mulai-v2 .ssmv2-fit,
  #ss-mulai-v2 .ssmv2-compass-card{
    min-height:auto !important;
  }

  #ss-mulai-v2 .ssmv2-search-input{
    align-items:flex-start !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:14px 16px !important;
    border-radius:20px !important;
  }

  #ss-mulai-v2 .sslp-pause-mark{
    right:16px !important;
    bottom:-28px !important;
    font-size:132px !important;
  }

  #ss-mulai-v2 .ssmv2-faq-item{
    min-height:0 !important;
    padding:0 !important;
    border-radius:20px !important;
  }

  #ss-mulai-v2 .ssmv2-faq-q{
    align-items:flex-start !important;
    min-height:52px !important;
    padding:14px 16px !important;
    border-radius:20px !important;
  }

  #ss-mulai-v2 .ssmv2-faq-a{
    padding:0 16px 16px !important;
  }
}

@media(max-width:480px){
  #ss-mulai-v2 .ssmv2-visual{
    min-height:370px !important;
  }

  #ss-mulai-v2 .ssmv2-door{
    width:118px !important;
    height:174px !important;
    font-size:14.5px !important;
  }

  #ss-mulai-v2 .ssmv2-node{
    width:112px !important;
    min-height:60px !important;
    padding:9px 10px !important;
  }

  #ss-mulai-v2 .ssmv2-node strong{
    font-size:9.5px !important;
  }

  #ss-mulai-v2 .ssmv2-node span{
    font-size:10.8px !important;
  }

  #ss-mulai-v2 .node-1{
    left:10px !important;
    top:44px !important;
  }

  #ss-mulai-v2 .node-2{
    right:10px !important;
    top:66px !important;
  }

  #ss-mulai-v2 .node-3{
    left:10px !important;
    bottom:54px !important;
  }

  #ss-mulai-v2 .node-4{
    right:10px !important;
    bottom:42px !important;
  }
}

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

/* Shared runtime state */
[data-ss-orientation="true"] [hidden]{display:none !important;}
[data-ss-orientation="true"] button:focus-visible,
[data-ss-orientation="true"] a:focus-visible{outline:2px solid currentColor !important;outline-offset:3px !important;}