/* =========================================================
   RASA-MAKNA-IMAN SISTEM SUNYI
   Clean Final CSS + Editorial Premium Lift
   Root: #sslp-rmi-root
   Prefix: rmi-
   Scoped, TagDiv Newspaper Safe, sslp-core Compatible
========================================================= */


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

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

#sslp-rmi-root{
  --rmi-bg:#07101d;
  --rmi-bg-deep:#050b14;
  --rmi-bg-2:#0d1d32;

  --rmi-surface:rgba(255,255,255,.058);
  --rmi-surface-2:rgba(255,255,255,.092);
  --rmi-surface-3:rgba(255,255,255,.12);

  --rmi-text:#f4efe6;
  --rmi-muted:rgba(244,239,230,.74);
  --rmi-soft:rgba(244,239,230,.56);

  --rmi-line:rgba(255,255,255,.105);
  --rmi-line-2:rgba(255,255,255,.155);
  --rmi-line-gold:rgba(207,173,106,.34);
  --rmi-line-gold-2:rgba(207,173,106,.48);

  --rmi-gold:#c9a462;
  --rmi-gold-2:#ecd59b;

  --rmi-blue:#6f9bc2;
  --rmi-blue-soft:rgba(111,155,194,.14);
  --rmi-rose-soft:rgba(201,118,98,.070);
  --rmi-violet-soft:rgba(132,118,180,.065);

  --rmi-shadow:0 26px 78px rgba(0,0,0,.32);
  --rmi-shadow-soft:0 16px 46px rgba(0,0,0,.18);

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

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

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

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

  background:
    radial-gradient(circle at 14% 8%, rgba(201,164,98,.14), transparent 31%),
    radial-gradient(circle at 82% 10%, rgba(111,155,194,.16), transparent 34%),
    radial-gradient(circle at 50% 92%, rgba(201,164,98,.08), transparent 38%),
    radial-gradient(circle at 22% 84%, rgba(201,118,98,.045), transparent 34%),
    linear-gradient(90deg, rgba(201,164,98,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--rmi-bg-deep) 0%, var(--rmi-bg) 46%, var(--rmi-bg-2) 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}

#sslp-rmi-root[data-theme="light"]{
  --rmi-bg:#f6f1e8;
  --rmi-bg-deep:#fbf8f1;
  --rmi-bg-2:#eaf0f7;

  --rmi-surface:rgba(255,255,255,.72);
  --rmi-surface-2:rgba(255,255,255,.94);
  --rmi-surface-3:rgba(255,255,255,.98);

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

  --rmi-line:rgba(23,34,53,.12);
  --rmi-line-2:rgba(23,34,53,.17);
  --rmi-line-gold:rgba(143,100,42,.28);
  --rmi-line-gold-2:rgba(143,100,42,.42);

  --rmi-gold:#9f7430;
  --rmi-gold-2:#76511f;

  --rmi-blue:#416f98;
  --rmi-blue-soft:rgba(65,111,152,.11);
  --rmi-rose-soft:rgba(159,116,48,.055);
  --rmi-violet-soft:rgba(132,118,180,.045);

  --rmi-shadow:0 24px 70px rgba(35,35,35,.12);
  --rmi-shadow-soft:0 15px 44px rgba(35,35,35,.10);

  color:var(--rmi-text) !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(159,116,48,.14), transparent 31%),
    radial-gradient(circle at 82% 10%, rgba(65,111,152,.10), transparent 34%),
    radial-gradient(circle at 50% 92%, rgba(159,116,48,.055), transparent 38%),
    radial-gradient(circle at 22% 84%, rgba(159,116,48,.040), transparent 34%),
    linear-gradient(90deg, rgba(159,116,48,.018) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, #fbf8f1 0%, #f3ede2 48%, #eaf0f7 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}


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

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

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

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

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

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


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

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

#sslp-rmi-root .rmi-bg-mark{
  position:absolute !important;
  inset:auto -9vw 5% auto !important;
  width:min(54vw, 660px) !important;
  height:min(54vw, 660px) !important;
  border-radius:50% !important;
  border:1px solid rgba(201,164,98,.12) !important;
  opacity:.52 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

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

#sslp-rmi-root .rmi-bg-mark::before{
  inset:13% !important;
}

#sslp-rmi-root .rmi-bg-mark::after{
  inset:28% !important;
  border-color:rgba(201,164,98,.12) !important;
}

#sslp-rmi-root h1{
  max-width:810px !important;
  margin:0 0 20px !important;
  font-family:var(--rmi-serif) !important;
  font-size:clamp(36px, 4.35vw, 56px) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
  font-weight:720 !important;
}

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

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


/* =========================================================
   3. TOPBAR
========================================================= */

#sslp-rmi-root .rmi-topbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:24px 0 16px !important;
}

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

#sslp-rmi-root .rmi-pill,
#sslp-rmi-root .rmi-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:8px 13px !important;
  border-radius:999px !important;
  border:1px solid var(--rmi-line) !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--rmi-muted) !important;
  font-size:11.5px !important;
  font-weight:780 !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    color .25s ease !important;
}

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

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

#sslp-rmi-root .rmi-brand{
  color:var(--rmi-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;
}


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

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

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

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

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

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

#sslp-rmi-root .rmi-hero-lead{
  max-width:710px !important;
  margin:0 0 24px !important;
  color:var(--rmi-muted) !important;
  font-size:clamp(15.5px, 1.18vw, 17.5px) !important;
  line-height:1.72 !important;
}

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

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

#sslp-rmi-root .rmi-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:44px !important;
  padding:11px 17px !important;
  border-radius:999px !important;
  border:1px solid var(--rmi-line-gold) !important;
  font-size:12.5px !important;
  font-weight:820 !important;
  line-height:1.2 !important;
  letter-spacing:.035em !important;
  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    color .25s ease !important;
}

#sslp-rmi-root .rmi-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(201,164,98,.16) !important;
}

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

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

#sslp-rmi-root .rmi-btn:hover{
  transform:translateY(-3px) !important;
  border-color:var(--rmi-gold) !important;
  background:var(--rmi-surface-2) !important;
}

#sslp-rmi-root .rmi-btn.primary:hover{
  background:linear-gradient(135deg, #e1c27f, #f5e3b5) !important;
}


/* =========================================================
   5. HERO VISUAL: GRAVITATIONAL CORE ATLAS
========================================================= */

#sslp-rmi-root .rmi-visual{
  position:relative !important;
  min-height:500px !important;
  border:1px solid var(--rmi-line-gold) !important;
  border-radius:var(--rmi-radius-xl) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03)),
    radial-gradient(circle at 50% 48%, rgba(201,164,98,.18), transparent 38%),
    radial-gradient(circle at 12% 14%, rgba(111,155,194,.14), transparent 34%),
    linear-gradient(145deg, rgba(11,23,40,.96), rgba(18,39,64,.58)) !important;
  box-shadow:var(--rmi-shadow) !important;
  overflow:hidden !important;
}

#sslp-rmi-root[data-theme="light"] .rmi-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 12% 14%, rgba(65,111,152,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,250,240,.92), rgba(221,233,246,.70)) !important;
}

#sslp-rmi-root .rmi-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !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,.052) 49.9% 50.1%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(255,255,255,.040) 49.9% 50.1%, transparent 50.3%) !important;
  opacity:.65 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-rmi-root .rmi-visual::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:70% !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) rotate(20deg) !important;
  border-radius:50% !important;
  border:1px dashed rgba(236,213,155,.20) !important;
  box-shadow:
    0 0 86px rgba(201,164,98,.10),
    inset 0 0 72px rgba(111,155,194,.075) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-rmi-root .rmi-visual-core{
  position:absolute !important;
  inset:28px !important;
  border-radius:26px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(201,164,98,.18), transparent 0 17%, transparent 18%),
    radial-gradient(circle at 50% 50%, transparent 0 34%, rgba(255,255,255,.10) 34.3% 34.8%, transparent 35%),
    radial-gradient(circle at 50% 50%, transparent 0 57%, rgba(201,164,98,.14) 57.3% 57.8%, transparent 58%),
    radial-gradient(circle at 50% 50%, transparent 0 72%, rgba(111,155,194,.10) 72.3% 72.8%, transparent 73%),
    linear-gradient(135deg, rgba(255,255,255,.035), transparent) !important;
  z-index:2 !important;
}

#sslp-rmi-root .rmi-triangle{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:62% !important;
  height:62% !important;
  transform:translate(-50%, -50%) !important;
  opacity:.95 !important;
  z-index:3 !important;
}

#sslp-rmi-root .rmi-triangle::before,
#sslp-rmi-root .rmi-triangle::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  clip-path:polygon(50% 2%, 96% 86%, 4% 86%) !important;
  border-radius:26px !important;
  background:
    linear-gradient(135deg, rgba(201,164,98,.24), rgba(255,255,255,.04)) !important;
  opacity:.36 !important;
}

#sslp-rmi-root .rmi-triangle::after{
  inset:12% !important;
  opacity:.24 !important;
  transform:rotate(180deg) !important;
}

#sslp-rmi-root .rmi-center{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:136px !important;
  height:136px !important;
  transform:translate(-50%, -50%) !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  border-radius:50% !important;
  border:1px solid rgba(236,213,155,.54) !important;
  background:
    radial-gradient(circle, rgba(236,213,155,.25), rgba(14,27,46,.96) 68%) !important;
  box-shadow:
    0 0 78px rgba(201,164,98,.18),
    0 0 0 28px rgba(201,164,98,.018),
    inset 0 0 30px rgba(255,255,255,.045) !important;
  color:var(--rmi-text) !important;
  font-family:var(--rmi-serif) !important;
  font-size:17px !important;
  line-height:1.16 !important;
  letter-spacing:-.020em !important;
  z-index:5 !important;
}

#sslp-rmi-root[data-theme="light"] .rmi-center{
  background:
    radial-gradient(circle, rgba(236,213,155,.30), rgba(255,255,255,.96) 68%) !important;
}

#sslp-rmi-root .rmi-node{
  position:absolute !important;
  width:150px !important;
  min-height:76px !important;
  padding:13px 14px !important;
  border-radius:18px !important;
  border:1px solid var(--rmi-line) !important;
  background:rgba(255,255,255,.078) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
  z-index:6 !important;
  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease !important;
}

#sslp-rmi-root .rmi-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(--rmi-gold) !important;
  box-shadow:0 0 18px rgba(201,164,98,.34) !important;
  opacity:.74 !important;
}

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

#sslp-rmi-root .rmi-node:hover{
  border-color:var(--rmi-line-gold) !important;
  background:var(--rmi-surface-2) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
}

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

#sslp-rmi-root .rmi-node span{
  display:block !important;
  color:var(--rmi-text) !important;
  font-size:12.5px !important;
  font-weight:760 !important;
  line-height:1.35 !important;
}

#sslp-rmi-root .rmi-node-rasa{
  left:50% !important;
  top:48px !important;
  transform:translateX(-50%) !important;
}

#sslp-rmi-root .rmi-node-makna{
  left:46px !important;
  bottom:74px !important;
}

#sslp-rmi-root .rmi-node-iman{
  right:46px !important;
  bottom:74px !important;
}


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

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

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

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

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

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


/* =========================================================
   7. MAIN PANELS
========================================================= */

#sslp-rmi-root .rmi-panel,
#sslp-rmi-root .rmi-note,
#sslp-rmi-root .rmi-pause-box,
#sslp-rmi-root .rmi-cta,
#sslp-rmi-root .rmi-tabs{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--rmi-line-gold) !important;
  border-radius:var(--rmi-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(201,164,98,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(111,155,194,.080), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.076), rgba(255,255,255,.032)) !important;
  box-shadow:var(--rmi-shadow) !important;
}

#sslp-rmi-root[data-theme="light"] .rmi-panel,
#sslp-rmi-root[data-theme="light"] .rmi-note,
#sslp-rmi-root[data-theme="light"] .rmi-pause-box,
#sslp-rmi-root[data-theme="light"] .rmi-cta,
#sslp-rmi-root[data-theme="light"] .rmi-tabs{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(65,111,152,.065), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.62)) !important;
}

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

#sslp-rmi-root .rmi-panel::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(--rmi-gold), transparent) !important;
  opacity:.44 !important;
}

#sslp-rmi-root .rmi-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(201,164,98,.13) !important;
  box-shadow:
    0 0 0 46px rgba(201,164,98,.014),
    0 0 0 96px rgba(111,155,194,.010) !important;
  pointer-events:none !important;
  opacity:.48 !important;
}

#sslp-rmi-root .rmi-note{
  border-color:var(--rmi-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.066), rgba(255,255,255,.030)),
    radial-gradient(circle at 86% 16%, var(--rmi-blue-soft), transparent 34%) !important;
}

#sslp-rmi-root .rmi-note::before{
  content:"CATATAN" !important;
  display:inline-flex !important;
  margin-bottom:16px !important;
  color:var(--rmi-gold) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.15em !important;
}

#sslp-rmi-root .rmi-panel > *,
#sslp-rmi-root .rmi-note > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-rmi-root .rmi-panel h2{
  margin-bottom:14px !important;
}

#sslp-rmi-root .rmi-panel p,
#sslp-rmi-root .rmi-note p{
  margin:0 0 14px !important;
  font-size:15.5px !important;
  line-height:1.78 !important;
  color:var(--rmi-muted) !important;
}

#sslp-rmi-root .rmi-panel p:last-child,
#sslp-rmi-root .rmi-note p:last-child{
  margin-bottom:0 !important;
}

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


/* =========================================================
   8. EDITORIAL CARD SYSTEM
========================================================= */

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

#sslp-rmi-root .rmi-meaning-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:14px !important;
}

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

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

#sslp-rmi-root .rmi-kompas-card,
#sslp-rmi-root .rmi-meaning-card,
#sslp-rmi-root .rmi-card,
#sslp-rmi-root .rmi-step,
#sslp-rmi-root .rmi-small,
#sslp-rmi-root .rmi-faq-item{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--rmi-line) !important;
  border-radius:var(--rmi-radius-lg) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(201,164,98,.085), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.062), rgba(255,255,255,.022)) !important;
  box-shadow:var(--rmi-shadow-soft) !important;
}

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

#sslp-rmi-root .rmi-kompas-card{
  min-height:205px !important;
  padding:21px !important;
}

#sslp-rmi-root .rmi-meaning-card{
  min-height:210px !important;
  padding:21px !important;
}

#sslp-rmi-root .rmi-card{
  min-height:260px !important;
  padding:24px !important;
}

#sslp-rmi-root .rmi-step,
#sslp-rmi-root .rmi-small{
  min-height:190px !important;
  padding:21px !important;
}

#sslp-rmi-root .rmi-kompas-card::before,
#sslp-rmi-root .rmi-meaning-card::before,
#sslp-rmi-root .rmi-card::before,
#sslp-rmi-root .rmi-step::before,
#sslp-rmi-root .rmi-small::before,
#sslp-rmi-root .rmi-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(201,164,98,.46), transparent) !important;
  opacity:.62 !important;
}

#sslp-rmi-root .rmi-kompas-card::after,
#sslp-rmi-root .rmi-meaning-card::after,
#sslp-rmi-root .rmi-card::after,
#sslp-rmi-root .rmi-step::after,
#sslp-rmi-root .rmi-small::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(201,164,98,.12) !important;
  opacity:.42 !important;
  pointer-events:none !important;
}

#sslp-rmi-root .rmi-kompas-card > *,
#sslp-rmi-root .rmi-meaning-card > *,
#sslp-rmi-root .rmi-card > *,
#sslp-rmi-root .rmi-step > *,
#sslp-rmi-root .rmi-small > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-rmi-root .rmi-kompas-card.accent,
#sslp-rmi-root .rmi-meaning-card.accent,
#sslp-rmi-root .rmi-card.accent,
#sslp-rmi-root .rmi-step.accent,
#sslp-rmi-root .rmi-small.accent{
  border-color:var(--rmi-line-gold) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(201,164,98,.13), transparent 34%),
    radial-gradient(circle at 12% 90%, rgba(111,155,194,.060), transparent 34%),
    linear-gradient(145deg, rgba(201,164,98,.095), rgba(255,255,255,.036)) !important;
}

#sslp-rmi-root .rmi-kompas-card:nth-child(1),
#sslp-rmi-root .rmi-grid-4 > .rmi-small:nth-child(1),
#sslp-rmi-root .rmi-grid-4 > .rmi-step:nth-child(1){
  border-radius:34px 24px 24px 24px !important;
}

#sslp-rmi-root .rmi-kompas-card:nth-child(2),
#sslp-rmi-root .rmi-grid-4 > .rmi-small:nth-child(2),
#sslp-rmi-root .rmi-grid-4 > .rmi-step:nth-child(2){
  transform:translateY(14px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(111,155,194,.115), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#sslp-rmi-root .rmi-kompas-card:nth-child(3),
#sslp-rmi-root .rmi-grid-4 > .rmi-small:nth-child(3),
#sslp-rmi-root .rmi-grid-4 > .rmi-step:nth-child(3){
  transform:translateY(30px) !important;
}

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

#sslp-rmi-root .rmi-meaning-card:nth-child(2),
#sslp-rmi-root .rmi-meaning-card:nth-child(4){
  transform:translateY(14px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(111,155,194,.105), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.056), rgba(255,255,255,.020)) !important;
}

#sslp-rmi-root .rmi-meaning-card:nth-child(3){
  transform:translateY(30px) !important;
}

#sslp-rmi-root .rmi-grid-3 > .rmi-card:nth-child(2){
  transform:translateY(16px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(111,155,194,.110), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

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

#sslp-rmi-root .rmi-kompas-card p,
#sslp-rmi-root .rmi-card p,
#sslp-rmi-root .rmi-step p,
#sslp-rmi-root .rmi-small p,
#sslp-rmi-root .rmi-meaning-card p{
  margin:0 !important;
  color:var(--rmi-muted) !important;
  font-size:14px !important;
  line-height:1.68 !important;
}


/* =========================================================
   9. TABS
========================================================= */

#sslp-rmi-root .rmi-tabs{
  box-shadow:var(--rmi-shadow) !important;
}

#sslp-rmi-root .rmi-tabs::before{
  content:"" !important;
  position:absolute !important;
  right:-120px !important;
  bottom:-130px !important;
  width:330px !important;
  height:330px !important;
  border-radius:50% !important;
  border:1px solid rgba(201,164,98,.12) !important;
  box-shadow:
    0 0 0 48px rgba(201,164,98,.014),
    0 0 0 96px rgba(111,155,194,.010) !important;
  opacity:.44 !important;
  pointer-events:none !important;
}

#sslp-rmi-root .rmi-tab-nav{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  padding:16px !important;
  border-bottom:1px solid var(--rmi-line) !important;
}

#sslp-rmi-root .rmi-tab-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  border:1px solid var(--rmi-line) !important;
  background:rgba(255,255,255,.05) !important;
  color:var(--rmi-muted) !important;
  font-size:12px !important;
  font-weight:780 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

#sslp-rmi-root .rmi-tab-btn.is-active{
  color:#120f0a !important;
  background:linear-gradient(135deg, #d9b66e, #f2dda3) !important;
  border-color:rgba(255,255,255,.22) !important;
}

#sslp-rmi-root .rmi-tab-panel{
  position:relative !important;
  z-index:2 !important;
  display:none !important;
  padding:28px !important;
}

#sslp-rmi-root .rmi-tab-panel.is-active{
  display:block !important;
}

#sslp-rmi-root .rmi-tab-grid{
  display:grid !important;
  grid-template-columns:minmax(0, .80fr) minmax(300px, .55fr) !important;
  gap:22px !important;
  align-items:start !important;
}

#sslp-rmi-root .rmi-tab-panel p{
  margin:0 0 14px !important;
  color:var(--rmi-muted) !important;
  font-size:15px !important;
  line-height:1.76 !important;
}

#sslp-rmi-root .rmi-tab-panel p:last-child{
  margin-bottom:0 !important;
}

#sslp-rmi-root .rmi-tab-panel strong{
  color:var(--rmi-text) !important;
  font-weight:840 !important;
}

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

#sslp-rmi-root .rmi-mini{
  position:relative !important;
  overflow:hidden !important;
  padding:15px !important;
  border-radius:17px !important;
  border:1px solid var(--rmi-line) !important;
  background:rgba(255,255,255,.046) !important;
}

#sslp-rmi-root .rmi-mini::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:14px !important;
  bottom:14px !important;
  width:2px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, transparent, var(--rmi-gold), transparent) !important;
  opacity:.38 !important;
}

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

#sslp-rmi-root .rmi-mini strong{
  display:block !important;
  margin-bottom:4px !important;
  color:var(--rmi-text) !important;
  font-size:13.5px !important;
  font-weight:820 !important;
  line-height:1.35 !important;
}

#sslp-rmi-root .rmi-mini span{
  display:block !important;
  color:var(--rmi-muted) !important;
  font-size:13.5px !important;
  line-height:1.58 !important;
}


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

#sslp-rmi-root .rmi-links{
  display:grid !important;
  gap:9px !important;
  margin-top:20px !important;
}

#sslp-rmi-root .rmi-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(--rmi-line) !important;
  background:rgba(255,255,255,.046) !important;
  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease !important;
}

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

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

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

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

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


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

#sslp-rmi-root .rmi-pause{
  padding:52px 0 !important;
}

#sslp-rmi-root .rmi-pause-box{
  position:relative !important;
  overflow:hidden !important;
  padding:34px !important;
}

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

#sslp-rmi-root .rmi-pause-box::after{
  content:"" !important;
  position:absolute !important;
  right:-110px !important;
  bottom:-128px !important;
  width:320px !important;
  height:320px !important;
  border-radius:50% !important;
  border:1px solid rgba(201,164,98,.12) !important;
  opacity:.42 !important;
  pointer-events:none !important;
}

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

#sslp-rmi-root .rmi-pause h2{
  margin:0 0 10px !important;
}

#sslp-rmi-root .rmi-pause p{
  margin:0 !important;
  color:var(--rmi-muted) !important;
  font-size:15.5px !important;
  line-height:1.74 !important;
}

#sslp-rmi-root .rmi-pause-mark{
  position:absolute !important;
  right:30px !important;
  bottom:-42px !important;
  color:rgba(201,164,98,.16) !important;
  font-family:var(--rmi-serif) !important;
  font-size:170px !important;
  line-height:1 !important;
  pointer-events:none !important;
}


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

#sslp-rmi-root .rmi-faq-list{
  display:grid !important;
  gap:10px !important;
}

#sslp-rmi-root .rmi-faq-item{
  min-height:0 !important;
  padding:0 !important;
  border-radius:20px !important;
}

#sslp-rmi-root .rmi-faq-btn{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:58px !important;
  padding:17px 19px !important;
  color:var(--rmi-text) !important;
  background:transparent !important;
  text-align:left !important;
  font-size:14px !important;
  font-weight:780 !important;
  line-height:1.45 !important;
}

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

#sslp-rmi-root .rmi-faq-btn 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(201,164,98,.24) !important;
  color:var(--rmi-gold) !important;
  background:rgba(201,164,98,.08) !important;
  font-size:18px !important;
  line-height:1 !important;
  transition:transform .25s ease !important;
}

#sslp-rmi-root .rmi-faq-panel{
  display:none !important;
  padding:0 19px 18px !important;
}

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

#sslp-rmi-root .rmi-faq-item.is-open{
  border-color:var(--rmi-line-gold) !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(201,164,98,.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.026)) !important;
}

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

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


/* =========================================================
   13. CTA AND FOOTER
========================================================= */

#sslp-rmi-root .rmi-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;
}

#sslp-rmi-root .rmi-cta::before{
  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(236,213,155,.13), transparent 68%) !important;
  pointer-events:none !important;
}

#sslp-rmi-root .rmi-cta > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-rmi-root .rmi-cta h2{
  margin:0 0 10px !important;
}

#sslp-rmi-root .rmi-cta p{
  margin:0 !important;
  max-width:760px !important;
  color:var(--rmi-muted) !important;
  font-size:15.5px !important;
  line-height:1.74 !important;
}

#sslp-rmi-root .rmi-footer{
  padding:24px 0 36px !important;
  border-top:1px solid var(--rmi-line) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  color:var(--rmi-soft) !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
}

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

#sslp-rmi-root .rmi-footer a{
  border-bottom:1px solid transparent !important;
  transition:color .25s ease, border-color .25s ease !important;
}

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


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

@media(max-width:1080px){
  #sslp-rmi-root .rmi-kompas,
  #sslp-rmi-root .rmi-meaning-grid,
  #sslp-rmi-root .rmi-grid-4{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #sslp-rmi-root .rmi-meaning-card:nth-child(2),
  #sslp-rmi-root .rmi-meaning-card:nth-child(3),
  #sslp-rmi-root .rmi-meaning-card:nth-child(4){
    transform:none !important;
  }
}

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

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

  #sslp-rmi-root .rmi-kompas-card:nth-child(1),
  #sslp-rmi-root .rmi-kompas-card:nth-child(2),
  #sslp-rmi-root .rmi-kompas-card:nth-child(3),
  #sslp-rmi-root .rmi-kompas-card:nth-child(4),
  #sslp-rmi-root .rmi-grid-4 > .rmi-small:nth-child(1),
  #sslp-rmi-root .rmi-grid-4 > .rmi-small:nth-child(2),
  #sslp-rmi-root .rmi-grid-4 > .rmi-small:nth-child(3),
  #sslp-rmi-root .rmi-grid-4 > .rmi-small:nth-child(4),
  #sslp-rmi-root .rmi-grid-4 > .rmi-step:nth-child(1),
  #sslp-rmi-root .rmi-grid-4 > .rmi-step:nth-child(2),
  #sslp-rmi-root .rmi-grid-4 > .rmi-step:nth-child(3),
  #sslp-rmi-root .rmi-grid-4 > .rmi-step:nth-child(4),
  #sslp-rmi-root .rmi-grid-3 > .rmi-card:nth-child(2){
    transform:none !important;
  }

  #sslp-rmi-root .rmi-visual{
    min-height:440px !important;
  }

  #sslp-rmi-root .rmi-card{
    min-height:auto !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  #sslp-rmi-root .rmi-visual-core{
    inset:16px !important;
  }

  #sslp-rmi-root .rmi-visual::after{
    width:82% !important;
  }

  #sslp-rmi-root .rmi-center{
    width:116px !important;
    height:116px !important;
    font-size:16px !important;
  }

  #sslp-rmi-root .rmi-node{
    width:128px !important;
    min-height:66px !important;
    padding:11px 12px !important;
  }

  #sslp-rmi-root .rmi-node strong{
    font-size:9.8px !important;
  }

  #sslp-rmi-root .rmi-node span{
    font-size:12px !important;
  }

  #sslp-rmi-root .rmi-node-rasa{
    top:42px !important;
  }

  #sslp-rmi-root .rmi-node-makna{
    left:16px !important;
    bottom:60px !important;
  }

  #sslp-rmi-root .rmi-node-iman{
    right:16px !important;
    bottom:60px !important;
  }

  #sslp-rmi-root .rmi-kompas,
  #sslp-rmi-root .rmi-meaning-grid,
  #sslp-rmi-root .rmi-grid-4{
    grid-template-columns:1fr !important;
  }

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

  #sslp-rmi-root .rmi-card,
  #sslp-rmi-root .rmi-step,
  #sslp-rmi-root .rmi-small,
  #sslp-rmi-root .rmi-panel,
  #sslp-rmi-root .rmi-note,
  #sslp-rmi-root .rmi-pause-box,
  #sslp-rmi-root .rmi-cta,
  #sslp-rmi-root .rmi-tab-panel{
    padding:22px !important;
    border-radius:24px !important;
  }

  #sslp-rmi-root .rmi-kompas-card,
  #sslp-rmi-root .rmi-meaning-card{
    min-height:auto !important;
    padding:22px !important;
    border-radius:24px !important;
  }

  #sslp-rmi-root .rmi-tab-nav{
    padding:14px !important;
  }

  #sslp-rmi-root .rmi-tab-btn{
    min-height:36px !important;
    font-size:11.5px !important;
  }

  #sslp-rmi-root .rmi-faq-btn{
    align-items:flex-start !important;
    padding:18px !important;
  }

  #sslp-rmi-root .rmi-faq-panel{
    padding:0 18px 19px !important;
  }

  #sslp-rmi-root .rmi-pause-mark{
    font-size:130px !important;
    right:18px !important;
    bottom:-34px !important;
  }
}

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

  #sslp-rmi-root .rmi-center{
    width:104px !important;
    height:104px !important;
    font-size:14px !important;
  }

  #sslp-rmi-root .rmi-node{
    width:114px !important;
    min-height:60px !important;
    padding:9px 10px !important;
  }

  #sslp-rmi-root .rmi-node strong{
    font-size:9.2px !important;
  }

  #sslp-rmi-root .rmi-node span{
    font-size:10.7px !important;
  }

  #sslp-rmi-root .rmi-node-rasa{
    top:36px !important;
  }

  #sslp-rmi-root .rmi-node-makna{
    left:10px !important;
    bottom:50px !important;
  }

  #sslp-rmi-root .rmi-node-iman{
    right:10px !important;
    bottom:50px !important;
  }

  #sslp-rmi-root .rmi-card,
  #sslp-rmi-root .rmi-step,
  #sslp-rmi-root .rmi-small{
    min-height:auto !important;
  }
}

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