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

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

#ss-ekosistem-godmode{
  --sseko-bg:#07111d;
  --sseko-bg-deep:#040a13;
  --sseko-bg-2:#101d2c;

  --sseko-panel:rgba(255,255,255,.065);
  --sseko-panel-2:rgba(255,255,255,.095);
  --sseko-panel-3:rgba(255,255,255,.13);

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

  --sseko-line:rgba(255,255,255,.11);
  --sseko-line-2:rgba(255,255,255,.16);
  --sseko-line-gold:rgba(204,169,100,.30);
  --sseko-line-gold-2:rgba(204,169,100,.48);

  --sseko-gold:#caa766;
  --sseko-gold-2:#ead39a;

  --sseko-blue:#28445c;
  --sseko-blue-soft:rgba(76,121,160,.16);

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

  --sseko-shadow:0 26px 78px rgba(0,0,0,.32);
  --sseko-shadow-soft:0 18px 52px rgba(0,0,0,.18);

  --sseko-max:1180px;
  --sseko-serif:Georgia, "Times New Roman", serif;
  --sseko-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(--sseko-text) !important;
  background:
    radial-gradient(circle at 12% 7%, rgba(202,167,102,.18), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(62,98,135,.24), transparent 36%),
    radial-gradient(circle at 52% 88%, rgba(202,167,102,.10), transparent 34%),
    linear-gradient(90deg, rgba(202,167,102,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--sseko-bg-deep) 0%, var(--sseko-bg) 44%, #0e2034 100%) !important;
  background-size:auto, auto, auto, 56px 56px, auto !important;

  font-family:var(--sseko-sans) !important;
  font-size:16px !important;
  line-height:1.68 !important;
}

#ss-ekosistem-godmode[data-theme="light"]{
  --sseko-bg:#f5efe4;
  --sseko-bg-deep:#fbf8f1;
  --sseko-bg-2:#eef3f7;

  --sseko-panel:rgba(255,255,255,.74);
  --sseko-panel-2:rgba(255,255,255,.91);
  --sseko-panel-3:rgba(255,255,255,.98);

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

  --sseko-line:rgba(22,34,53,.12);
  --sseko-line-2:rgba(22,34,53,.17);
  --sseko-line-gold:rgba(126,88,35,.24);
  --sseko-line-gold-2:rgba(126,88,35,.40);

  --sseko-gold:#8e642a;
  --sseko-gold-2:#b98535;

  --sseko-blue:#dce8f0;
  --sseko-blue-soft:rgba(41,75,106,.10);

  --sseko-shadow:0 24px 70px rgba(24,34,52,.12);
  --sseko-shadow-soft:0 18px 52px rgba(24,34,52,.09);

  color:var(--sseko-text) !important;
  background:
    radial-gradient(circle at 12% 7%, rgba(142,100,42,.14), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(49,87,124,.12), transparent 36%),
    radial-gradient(circle at 52% 88%, rgba(142,100,42,.055), transparent 34%),
    linear-gradient(90deg, rgba(126,88,35,.020) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, #fbf8f1 0%, #f3eadf 48%, #eaf2f7 100%) !important;
  background-size:auto, auto, auto, 56px 56px, auto !important;
}


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

#ss-ekosistem-godmode h1,
#ss-ekosistem-godmode h2,
#ss-ekosistem-godmode h3,
#ss-ekosistem-godmode h4,
#ss-ekosistem-godmode h5,
#ss-ekosistem-godmode h6,
#ss-ekosistem-godmode p,
#ss-ekosistem-godmode span,
#ss-ekosistem-godmode strong,
#ss-ekosistem-godmode em,
#ss-ekosistem-godmode div,
#ss-ekosistem-godmode section,
#ss-ekosistem-godmode article,
#ss-ekosistem-godmode aside,
#ss-ekosistem-godmode footer,
#ss-ekosistem-godmode header,
#ss-ekosistem-godmode a,
#ss-ekosistem-godmode button{
  font-family:inherit !important;
  text-shadow:none !important;
}

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

#ss-ekosistem-godmode button{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  background:transparent !important;
  font:inherit !important;
  cursor:pointer !important;
}

#ss-ekosistem-godmode h1,
#ss-ekosistem-godmode h2,
#ss-ekosistem-godmode h3,
#ss-ekosistem-godmode h4{
  margin:0 !important;
  color:var(--sseko-text) !important;
  font-family:var(--sseko-serif) !important;
  font-weight:680 !important;
  text-transform:none !important;
}

#ss-ekosistem-godmode p{
  margin:0 !important;
  color:var(--sseko-muted) !important;
}


/* =====================================================
   2. GLOBAL LAYOUT
===================================================== */

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

#ss-ekosistem-godmode .sseko-bg-orb{
  position:absolute !important;
  pointer-events:none !important;
  z-index:1 !important;
  border-radius:50% !important;
  border:1px solid rgba(202,167,102,.13) !important;
  opacity:.68 !important;
}

#ss-ekosistem-godmode .sseko-bg-orb.one{
  width:min(56vw, 680px) !important;
  height:min(56vw, 680px) !important;
  right:-12vw !important;
  top:120px !important;
}

#ss-ekosistem-godmode .sseko-bg-orb.two{
  width:min(42vw, 520px) !important;
  height:min(42vw, 520px) !important;
  left:-14vw !important;
  top:980px !important;
  opacity:.38 !important;
}

#ss-ekosistem-godmode .sseko-bg-orb::before,
#ss-ekosistem-godmode .sseko-bg-orb::after{
  content:"" !important;
  position:absolute !important;
  inset:16% !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,255,255,.075) !important;
}

#ss-ekosistem-godmode .sseko-bg-orb::after{
  inset:34% !important;
  border-color:rgba(202,167,102,.14) !important;
}


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

#ss-ekosistem-godmode .sseko-topbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:22px 0 16px !important;
  position:relative !important;
  z-index:8 !important;
}

#ss-ekosistem-godmode .sseko-toplinks,
#ss-ekosistem-godmode .sseko-topmeta{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
}

#ss-ekosistem-godmode .sseko-pill,
#ss-ekosistem-godmode .sseko-toggle,
#ss-ekosistem-godmode .sseko-mini-link{
  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(--sseko-line) !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--sseko-muted) !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.072em !important;
  text-transform:uppercase !important;
  transition:transform .22s ease, color .22s ease, background .22s ease, border-color .22s ease !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-pill,
#ss-ekosistem-godmode[data-theme="light"] .sseko-toggle,
#ss-ekosistem-godmode[data-theme="light"] .sseko-mini-link{
  background:rgba(255,255,255,.70) !important;
}

#ss-ekosistem-godmode .sseko-pill:hover,
#ss-ekosistem-godmode .sseko-toggle:hover,
#ss-ekosistem-godmode .sseko-mini-link:hover{
  transform:translateY(-2px) !important;
  color:var(--sseko-text) !important;
  border-color:var(--sseko-line-gold-2) !important;
  background:var(--sseko-panel-2) !important;
}

#ss-ekosistem-godmode .sseko-brand{
  color:var(--sseko-gold) !important;
  font-size:11.5px !important;
  line-height:1.3 !important;
  font-weight:850 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}


/* =====================================================
   4. TYPOGRAPHY
===================================================== */

#ss-ekosistem-godmode .sseko-eyebrow,
#ss-ekosistem-godmode .sseko-kicker,
#ss-ekosistem-godmode .sseko-label{
  display:inline-flex !important;
  align-items:center !important;
  color:var(--sseko-gold) !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#ss-ekosistem-godmode .sseko-kicker{
  gap:10px !important;
  margin-bottom:16px !important;
}

#ss-ekosistem-godmode .sseko-kicker::before{
  content:"" !important;
  width:34px !important;
  height:1px !important;
  background:var(--sseko-gold) !important;
  opacity:.86 !important;
}

#ss-ekosistem-godmode .sseko-hero h1{
  max-width:860px !important;
  margin:0 0 18px !important;
  font-size:clamp(36px, 4.05vw, 58px) !important;
  line-height:1.025 !important;
  letter-spacing:-.046em !important;
}

#ss-ekosistem-godmode .sseko-section-title{
  max-width:780px !important;
  margin-top:9px !important;
  font-size:clamp(25px, 2.5vw, 36px) !important;
  line-height:1.13 !important;
  letter-spacing:-.034em !important;
}

#ss-ekosistem-godmode .sseko-card h3,
#ss-ekosistem-godmode .sseko-route h3,
#ss-ekosistem-godmode .sseko-practice h3,
#ss-ekosistem-godmode .sseko-layer strong,
#ss-ekosistem-godmode .sseko-faq-q strong{
  color:var(--sseko-text) !important;
  font-family:var(--sseko-serif) !important;
  font-size:clamp(19px, 1.55vw, 24px) !important;
  line-height:1.18 !important;
  letter-spacing:-.024em !important;
  font-weight:680 !important;
}

#ss-ekosistem-godmode .sseko-lead{
  max-width:735px !important;
  color:var(--sseko-muted) !important;
  font-size:clamp(15.5px, 1.18vw, 18px) !important;
  line-height:1.76 !important;
}

#ss-ekosistem-godmode .sseko-section-head{
  display:grid !important;
  grid-template-columns:minmax(0, .82fr) minmax(300px, .52fr) !important;
  gap:26px !important;
  align-items:end !important;
  margin-bottom:26px !important;
}

#ss-ekosistem-godmode .sseko-section-head p{
  font-size:15.5px !important;
  line-height:1.76 !important;
}


/* =====================================================
   5. HERO
===================================================== */

#ss-ekosistem-godmode .sseko-hero{
  position:relative !important;
  padding:58px 0 42px !important;
}

#ss-ekosistem-godmode .sseko-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.02fr) minmax(330px, .98fr) !important;
  gap:38px !important;
  align-items:center !important;
}

#ss-ekosistem-godmode .sseko-quote{
  position:relative !important;
  max-width:720px !important;
  margin:23px 0 0 !important;
  padding:17px 20px 17px 22px !important;
  border-left:2px solid var(--sseko-gold) !important;
  border-radius:0 20px 20px 0 !important;
  background:
    linear-gradient(90deg, rgba(202,167,102,.105), rgba(202,167,102,.030)) !important;
  color:var(--sseko-text) !important;
  font-family:var(--sseko-serif) !important;
  font-size:clamp(17px, 1.55vw, 21px) !important;
  line-height:1.48 !important;
  letter-spacing:-.018em !important;
}

#ss-ekosistem-godmode .sseko-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:26px !important;
}

#ss-ekosistem-godmode .sseko-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:44px !important;
  padding:11px 17px !important;
  border-radius:999px !important;
  border:1px solid var(--sseko-line) !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
  font-weight:840 !important;
  letter-spacing:.035em !important;
  transition:transform .24s ease, background .24s ease, border-color .24s ease !important;
}

#ss-ekosistem-godmode .sseko-btn.primary{
  color:#11100b !important;
  background:linear-gradient(135deg, #e7c77d, #f3dda1) !important;
  border-color:rgba(255,255,255,.26) !important;
  box-shadow:0 18px 44px rgba(202,167,102,.16) !important;
}

#ss-ekosistem-godmode .sseko-btn.secondary{
  color:var(--sseko-text) !important;
  background:rgba(255,255,255,.06) !important;
  border-color:var(--sseko-line) !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-btn.secondary{
  background:rgba(255,255,255,.72) !important;
}

#ss-ekosistem-godmode .sseko-btn:hover{
  transform:translateY(-3px) !important;
  border-color:var(--sseko-line-gold-2) !important;
}


/* =====================================================
   6. HERO VISUAL: LIVING ECOSYSTEM ATLAS
===================================================== */

#ss-ekosistem-godmode .sseko-visual{
  min-height:510px !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:var(--sseko-radius-xl) !important;
  border:1px solid var(--sseko-line-gold) !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(234,211,154,.18), transparent 0 16%, transparent 17%),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.080), transparent 0 36%, transparent 37%),
    radial-gradient(circle at 50% 48%, rgba(202,167,102,.13), transparent 0 58%, transparent 59%),
    linear-gradient(145deg, rgba(255,255,255,.090), rgba(255,255,255,.035)),
    linear-gradient(145deg, #0a1626, #162c45) !important;
  box-shadow:var(--sseko-shadow) !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-visual{
  background:
    radial-gradient(circle at 50% 48%, rgba(142,100,42,.15), transparent 0 16%, transparent 17%),
    radial-gradient(circle at 50% 48%, rgba(23,34,53,.080), transparent 0 36%, transparent 37%),
    radial-gradient(circle at 50% 48%, rgba(142,100,42,.11), transparent 0 58%, transparent 59%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.58)),
    linear-gradient(145deg, #fbf8f1, #dfeaf2) !important;
}

#ss-ekosistem-godmode .sseko-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:24px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(90deg, transparent 49.5%, rgba(255,255,255,.070) 50%, transparent 50.5%),
    linear-gradient(0deg, transparent 49.5%, rgba(255,255,255,.050) 50%, transparent 50.5%) !important;
  opacity:.78 !important;
  pointer-events:none !important;
}

#ss-ekosistem-godmode .sseko-visual::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:68% !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) rotate(18deg) !important;
  border-radius:50% !important;
  border:1px dashed rgba(234,211,154,.20) !important;
  box-shadow:
    0 0 90px rgba(202,167,102,.11),
    inset 0 0 70px rgba(76,121,160,.08) !important;
  pointer-events:none !important;
}

#ss-ekosistem-godmode .sseko-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:154px !important;
  height:154px !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  border-radius:50% !important;
  border:1px solid rgba(234,211,154,.56) !important;
  background:
    radial-gradient(circle, rgba(234,211,154,.27), rgba(8,17,29,.96) 68%) !important;
  box-shadow:
    0 0 84px rgba(202,167,102,.20),
    inset 0 0 34px rgba(255,255,255,.04) !important;
  color:var(--sseko-text) !important;
  font-family:var(--sseko-serif) !important;
  font-size:18px !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  z-index:4 !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-core{
  background:
    radial-gradient(circle, rgba(234,211,154,.31), rgba(255,255,255,.98) 70%) !important;
}

#ss-ekosistem-godmode .sseko-node{
  position:absolute !important;
  z-index:5 !important;
  width:154px !important;
  min-height:74px !important;
  padding:12px 13px !important;
  border-radius:19px !important;
  border:1px solid var(--sseko-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.040)) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#ss-ekosistem-godmode .sseko-node::before{
  content:"" !important;
  position:absolute !important;
  top:9px !important;
  right:12px !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:var(--sseko-gold) !important;
  opacity:.72 !important;
  box-shadow:0 0 18px rgba(202,167,102,.38) !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-node{
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 16px 38px rgba(22,34,53,.10) !important;
}

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

#ss-ekosistem-godmode .sseko-node span{
  display:block !important;
  color:var(--sseko-text) !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:740 !important;
}

#ss-ekosistem-godmode .sseko-node.n1{
  left:50% !important;
  top:38px !important;
  transform:translateX(-50%) !important;
}

#ss-ekosistem-godmode .sseko-node.n2{
  right:36px !important;
  top:144px !important;
}

#ss-ekosistem-godmode .sseko-node.n3{
  right:58px !important;
  bottom:72px !important;
}

#ss-ekosistem-godmode .sseko-node.n4{
  left:58px !important;
  bottom:72px !important;
}

#ss-ekosistem-godmode .sseko-node.n5{
  left:36px !important;
  top:144px !important;
}


/* =====================================================
   7. SECTION BASE
===================================================== */

#ss-ekosistem-godmode .sseko-section{
  position:relative !important;
  padding:48px 0 !important;
}

#ss-ekosistem-godmode .sseko-card,
#ss-ekosistem-godmode .sseko-panel,
#ss-ekosistem-godmode .sseko-note,
#ss-ekosistem-godmode .sseko-route,
#ss-ekosistem-godmode .sseko-practice,
#ss-ekosistem-godmode .sseko-faq-item{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--sseko-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.076), rgba(255,255,255,.034)),
    radial-gradient(circle at 12% 16%, rgba(202,167,102,.10), transparent 36%) !important;
  box-shadow:var(--sseko-shadow-soft) !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-card,
#ss-ekosistem-godmode[data-theme="light"] .sseko-panel,
#ss-ekosistem-godmode[data-theme="light"] .sseko-note,
#ss-ekosistem-godmode[data-theme="light"] .sseko-route,
#ss-ekosistem-godmode[data-theme="light"] .sseko-practice,
#ss-ekosistem-godmode[data-theme="light"] .sseko-faq-item{
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.64)),
    radial-gradient(circle at 12% 16%, rgba(142,100,42,.09), transparent 36%) !important;
}

#ss-ekosistem-godmode .sseko-card,
#ss-ekosistem-godmode .sseko-panel,
#ss-ekosistem-godmode .sseko-note,
#ss-ekosistem-godmode .sseko-route,
#ss-ekosistem-godmode .sseko-practice{
  padding:24px !important;
}

#ss-ekosistem-godmode .sseko-card p,
#ss-ekosistem-godmode .sseko-panel p,
#ss-ekosistem-godmode .sseko-note p,
#ss-ekosistem-godmode .sseko-route p,
#ss-ekosistem-godmode .sseko-practice p{
  margin-top:10px !important;
  font-size:14.5px !important;
  line-height:1.72 !important;
}

#ss-ekosistem-godmode .sseko-label{
  margin-bottom:15px !important;
}


/* =====================================================
   8. KOMPAS BACA: ORIENTATION TILES
===================================================== */

#ss-ekosistem-godmode .sseko-kompas{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

#ss-ekosistem-godmode .sseko-kompas .sseko-card{
  min-height:230px !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(202,167,102,.12), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.028)) !important;
}

#ss-ekosistem-godmode .sseko-kompas .sseko-card:nth-child(1){
  border-radius:34px 24px 24px 24px !important;
}

#ss-ekosistem-godmode .sseko-kompas .sseko-card:nth-child(2){
  transform:translateY(16px) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(76,121,160,.15), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.026)) !important;
}

#ss-ekosistem-godmode .sseko-kompas .sseko-card:nth-child(3){
  transform:translateY(34px) !important;
}

#ss-ekosistem-godmode .sseko-kompas .sseko-card:nth-child(4){
  transform:translateY(10px) !important;
  border-radius:24px 34px 24px 24px !important;
}

#ss-ekosistem-godmode .sseko-kompas .sseko-card::before{
  content:"" !important;
  position:absolute !important;
  left:22px !important;
  right:22px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(202,167,102,.48), transparent) !important;
  opacity:.62 !important;
}

#ss-ekosistem-godmode .sseko-kompas .sseko-card::after{
  content:"" !important;
  position:absolute !important;
  right:-54px !important;
  bottom:-58px !important;
  width:156px !important;
  height:156px !important;
  border-radius:50% !important;
  border:1px solid var(--sseko-line-gold) !important;
  box-shadow:0 0 0 34px rgba(202,167,102,.014) !important;
  opacity:.52 !important;
  pointer-events:none !important;
}


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

#ss-ekosistem-godmode .sseko-meaning{
  display:grid !important;
  grid-template-columns:minmax(0, .88fr) minmax(300px, .46fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

#ss-ekosistem-godmode .sseko-meaning .sseko-panel{
  padding:clamp(30px, 4vw, 46px) !important;
  border-radius:var(--sseko-radius-xl) !important;
  border-color:var(--sseko-line-gold) !important;
  background:
    radial-gradient(circle at 16% 10%, rgba(202,167,102,.15), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(76,121,160,.12), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.080), rgba(255,255,255,.030)) !important;
  box-shadow:var(--sseko-shadow) !important;
}

#ss-ekosistem-godmode .sseko-meaning .sseko-panel::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(--sseko-gold), transparent) !important;
  opacity:.48 !important;
}

#ss-ekosistem-godmode .sseko-meaning .sseko-panel::after{
  content:"" !important;
  position:absolute !important;
  right:-124px !important;
  bottom:-132px !important;
  width:350px !important;
  height:350px !important;
  border-radius:50% !important;
  border:1px solid rgba(202,167,102,.14) !important;
  box-shadow:
    0 0 0 48px rgba(202,167,102,.016),
    0 0 0 98px rgba(76,121,160,.014) !important;
  pointer-events:none !important;
  opacity:.52 !important;
}

#ss-ekosistem-godmode .sseko-meaning .sseko-panel > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-ekosistem-godmode .sseko-meaning .sseko-panel h2{
  margin:8px 0 12px !important;
  font-size:clamp(25px, 2.5vw, 38px) !important;
  line-height:1.13 !important;
  letter-spacing:-.034em !important;
}

#ss-ekosistem-godmode .sseko-note{
  border-radius:26px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.024)),
    radial-gradient(circle at 88% 12%, rgba(202,167,102,.12), transparent 32%) !important;
}

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

#ss-ekosistem-godmode .sseko-note strong{
  color:var(--sseko-text) !important;
  font-weight:820 !important;
}


/* =====================================================
   10. ARSITEKTUR EKOSISTEM
===================================================== */

#ss-ekosistem-godmode .sseko-architecture{
  display:grid !important;
  grid-template-columns:minmax(0, .58fr) minmax(0, .42fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

#ss-ekosistem-godmode .sseko-architecture .sseko-panel{
  border-radius:var(--sseko-radius-xl) !important;
  padding:clamp(26px, 3vw, 34px) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(202,167,102,.12), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.028)) !important;
}

#ss-ekosistem-godmode .sseko-layers{
  display:grid !important;
  gap:12px !important;
  position:relative !important;
}

#ss-ekosistem-godmode .sseko-layers::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  bottom:18px !important;
  width:1px !important;
  background:linear-gradient(to bottom, transparent, rgba(202,167,102,.42), transparent) !important;
  pointer-events:none !important;
}

#ss-ekosistem-godmode .sseko-layer{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(120px, .28fr) minmax(0, 1fr) !important;
  gap:14px !important;
  padding:17px 17px 17px 44px !important;
  border-radius:20px !important;
  border:1px solid var(--sseko-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.020)) !important;
}

#ss-ekosistem-godmode .sseko-layer::before{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:22px !important;
  width:13px !important;
  height:13px !important;
  border-radius:50% !important;
  border:1px solid var(--sseko-line-gold) !important;
  background:rgba(202,167,102,.18) !important;
  box-shadow:0 0 20px rgba(202,167,102,.14) !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-layer{
  background:rgba(255,255,255,.64) !important;
}

#ss-ekosistem-godmode .sseko-layer strong{
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:820 !important;
}

#ss-ekosistem-godmode .sseko-layer p{
  margin:0 !important;
  font-size:13.5px !important;
  line-height:1.62 !important;
}

#ss-ekosistem-godmode .sseko-points{
  display:grid !important;
  gap:11px !important;
  margin-top:18px !important;
}

#ss-ekosistem-godmode .sseko-point{
  display:grid !important;
  grid-template-columns:28px 1fr !important;
  gap:10px !important;
  align-items:start !important;
  color:var(--sseko-muted) !important;
  font-size:14.5px !important;
  line-height:1.55 !important;
}

#ss-ekosistem-godmode .sseko-point span:first-child{
  width:28px !important;
  height:28px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1px solid var(--sseko-line-gold) !important;
  color:var(--sseko-gold) !important;
  font-size:12px !important;
  font-weight:850 !important;
}


/* =====================================================
   11. GRID SYSTEM AND EDITORIAL CARDS
===================================================== */

#ss-ekosistem-godmode .sseko-grid-4,
#ss-ekosistem-godmode .sseko-grid-3,
#ss-ekosistem-godmode .sseko-grid-2{
  display:grid !important;
  gap:14px !important;
}

#ss-ekosistem-godmode .sseko-grid-4{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}

#ss-ekosistem-godmode .sseko-grid-3{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

#ss-ekosistem-godmode .sseko-grid-2{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

#ss-ekosistem-godmode .sseko-card,
#ss-ekosistem-godmode .sseko-route,
#ss-ekosistem-godmode .sseko-practice{
  border-radius:24px !important;
}

#ss-ekosistem-godmode .sseko-card{
  min-height:100% !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(202,167,102,.095), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.066), rgba(255,255,255,.024)) !important;
}

#ss-ekosistem-godmode .sseko-grid-4 .sseko-card:nth-child(4n+2),
#ss-ekosistem-godmode .sseko-grid-3 .sseko-card:nth-child(2){
  background:
    radial-gradient(circle at 84% 12%, rgba(76,121,160,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.022)) !important;
}

#ss-ekosistem-godmode .sseko-grid-4 .sseko-card:nth-child(4n+3),
#ss-ekosistem-godmode .sseko-grid-3 .sseko-card:nth-child(3){
  background:
    radial-gradient(circle at 12% 90%, rgba(76,121,160,.105), transparent 34%),
    radial-gradient(circle at 84% 12%, rgba(202,167,102,.070), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.022)) !important;
}

#ss-ekosistem-godmode .sseko-card::before,
#ss-ekosistem-godmode .sseko-practice::before,
#ss-ekosistem-godmode .sseko-route::before{
  content:"" !important;
  position:absolute !important;
  left:20px !important;
  right:20px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(202,167,102,.44), transparent) !important;
  opacity:.58 !important;
}

#ss-ekosistem-godmode .sseko-card::after{
  content:"" !important;
  position:absolute !important;
  right:-54px !important;
  bottom:-64px !important;
  width:150px !important;
  height:150px !important;
  border-radius:50% !important;
  border:1px solid rgba(202,167,102,.12) !important;
  opacity:.42 !important;
  pointer-events:none !important;
}

#ss-ekosistem-godmode .sseko-card > *,
#ss-ekosistem-godmode .sseko-route > *,
#ss-ekosistem-godmode .sseko-practice > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-card{
  background:
    radial-gradient(circle at 84% 12%, rgba(142,100,42,.080), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56)) !important;
  box-shadow:0 14px 38px rgba(24,34,52,.08) !important;
}


/* =====================================================
   12. ROUTES AND PRACTICE CARDS
===================================================== */

#ss-ekosistem-godmode .sseko-route,
#ss-ekosistem-godmode .sseko-practice{
  min-height:100% !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.11) !important;
}

#ss-ekosistem-godmode .sseko-practice{
  border-radius:26px !important;
}

#ss-ekosistem-godmode .sseko-grid-3 .sseko-practice:nth-child(2),
#ss-ekosistem-godmode .sseko-grid-3 .sseko-practice:nth-child(5){
  transform:translateY(14px) !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(76,121,160,.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.020)) !important;
}

#ss-ekosistem-godmode .sseko-practice::after,
#ss-ekosistem-godmode .sseko-route::after{
  content:"" !important;
  position:absolute !important;
  right:-46px !important;
  bottom:-56px !important;
  width:140px !important;
  height:140px !important;
  border-radius:50% !important;
  border:1px solid rgba(202,167,102,.12) !important;
  opacity:.44 !important;
  pointer-events:none !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-practice,
#ss-ekosistem-godmode[data-theme="light"] .sseko-route{
  background:
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.54)) !important;
  box-shadow:0 14px 38px rgba(24,34,52,.08) !important;
}


/* =====================================================
   13. LINKS
===================================================== */

#ss-ekosistem-godmode .sseko-link-list{
  display:grid !important;
  gap:9px !important;
  margin-top:18px !important;
}

#ss-ekosistem-godmode .sseko-link{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:44px !important;
  padding:11px 13px !important;
  border-radius:15px !important;
  border:1px solid var(--sseko-line) !important;
  background:rgba(255,255,255,.045) !important;
  transition:transform .22s ease, background .22s ease, border-color .22s ease !important;
}

#ss-ekosistem-godmode .sseko-link::before{
  content:"" !important;
  position:absolute !important;
  left:13px !important;
  right:42px !important;
  bottom:9px !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(202,167,102,.26), transparent) !important;
  opacity:.60 !important;
  pointer-events:none !important;
}

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

#ss-ekosistem-godmode .sseko-link:hover{
  transform:translateX(4px) !important;
  border-color:var(--sseko-line-gold-2) !important;
  background:var(--sseko-panel-2) !important;
}

#ss-ekosistem-godmode .sseko-link span:first-child{
  color:var(--sseko-text) !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
  font-weight:760 !important;
}

#ss-ekosistem-godmode .sseko-link span:last-child{
  width:26px !important;
  height:26px !important;
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1px solid rgba(202,167,102,.20) !important;
  color:var(--sseko-gold) !important;
  background:rgba(202,167,102,.065) !important;
  font-size:14px !important;
  line-height:1 !important;
}


/* =====================================================
   14. JEDA SUNYI
===================================================== */

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

#ss-ekosistem-godmode .sslp-pause-box{
  position:relative !important;
  overflow:hidden !important;
  border-radius:var(--sseko-radius-xl) !important;
  border:1px solid var(--sseko-line-gold) !important;
  background:
    radial-gradient(circle at 14% 36%, rgba(202,167,102,.15), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(77,118,160,.16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.080), rgba(255,255,255,.032)) !important;
  box-shadow:var(--sseko-shadow) !important;
  padding:34px !important;
}

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

#ss-ekosistem-godmode[data-theme="light"] .sslp-pause-box{
  background:
    radial-gradient(circle at 14% 36%, rgba(142,100,42,.11), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(49,87,124,.11), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)) !important;
}

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

#ss-ekosistem-godmode .sslp-eyebrow{
  display:inline-flex !important;
  margin-bottom:12px !important;
  color:var(--sseko-gold) !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#ss-ekosistem-godmode .sslp-pause-content h2{
  font-size:clamp(25px, 2.45vw, 36px) !important;
  line-height:1.14 !important;
  letter-spacing:-.032em !important;
}

#ss-ekosistem-godmode .sslp-pause-content p{
  margin-top:12px !important;
  font-size:15.5px !important;
  line-height:1.76 !important;
}

#ss-ekosistem-godmode .sslp-pause-mark{
  position:absolute !important;
  right:32px !important;
  bottom:-38px !important;
  color:rgba(202,167,102,.16) !important;
  font-family:var(--sseko-serif) !important;
  font-size:180px !important;
  line-height:1 !important;
  pointer-events:none !important;
}


/* =====================================================
   15. FAQ
===================================================== */

#ss-ekosistem-godmode .sseko-faq-list{
  display:grid !important;
  gap:12px !important;
}

#ss-ekosistem-godmode .sseko-faq-item{
  padding:0 !important;
  border-radius:20px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.062), rgba(255,255,255,.024)) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.11) !important;
}

#ss-ekosistem-godmode .sseko-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(202,167,102,.45), transparent) !important;
  opacity:.55 !important;
}

#ss-ekosistem-godmode .sseko-faq-q{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:19px 21px !important;
  color:var(--sseko-text) !important;
  text-align:left !important;
}

#ss-ekosistem-godmode .sseko-faq-q strong{
  display:block !important;
}

#ss-ekosistem-godmode .sseko-faq-q span{
  width:30px !important;
  height:30px !important;
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1px solid var(--sseko-line-gold) !important;
  color:var(--sseko-gold) !important;
  background:rgba(202,167,102,.065) !important;
  font-size:22px !important;
  line-height:1 !important;
  transition:transform .22s ease !important;
}

#ss-ekosistem-godmode .sseko-faq-a{
  display:none !important;
  padding:0 21px 21px !important;
}

#ss-ekosistem-godmode .sseko-faq-a p{
  font-size:14.5px !important;
  line-height:1.72 !important;
}

#ss-ekosistem-godmode .sseko-faq-item.is-open{
  border-color:var(--sseko-line-gold) !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(202,167,102,.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.030)) !important;
}

#ss-ekosistem-godmode .sseko-faq-item.is-open .sseko-faq-a{
  display:block !important;
}

#ss-ekosistem-godmode .sseko-faq-item.is-open .sseko-faq-q span{
  transform:rotate(45deg) !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-faq-item{
  background:
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.62)) !important;
  box-shadow:0 16px 44px rgba(24,34,52,.09) !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-faq-item.is-open{
  background:
    radial-gradient(circle at 94% 12%, rgba(142,100,42,.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.68)) !important;
}


/* =====================================================
   16. CLOSE AND FOOTER
===================================================== */

#ss-ekosistem-godmode .sseko-close{
  position:relative !important;
  overflow:hidden !important;
  margin:48px 0 60px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:24px !important;
  align-items:center !important;
  padding:clamp(30px, 3.4vw, 42px) !important;
  border-radius:var(--sseko-radius-xl) !important;
  border:1px solid var(--sseko-line-gold) !important;
  background:
    radial-gradient(circle at 12% 30%, rgba(202,167,102,.14), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(77,118,160,.16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.036)) !important;
  box-shadow:var(--sseko-shadow) !important;
}

#ss-ekosistem-godmode .sseko-close::before{
  content:"" !important;
  position:absolute !important;
  left:-9% !important;
  top:-42% !important;
  width:380px !important;
  height:380px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(234,211,154,.13), transparent 68%) !important;
  pointer-events:none !important;
}

#ss-ekosistem-godmode .sseko-close > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-ekosistem-godmode[data-theme="light"] .sseko-close{
  background:
    radial-gradient(circle at 12% 30%, rgba(142,100,42,.11), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(49,87,124,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)) !important;
}

#ss-ekosistem-godmode .sseko-close h2{
  margin:8px 0 10px !important;
  font-size:clamp(25px, 2.45vw, 36px) !important;
  line-height:1.13 !important;
  letter-spacing:-.032em !important;
}

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

#ss-ekosistem-godmode .sseko-footer span,
#ss-ekosistem-godmode .sseko-footer a{
  color:var(--sseko-soft) !important;
}

#ss-ekosistem-godmode .sseko-footer a:hover{
  color:var(--sseko-gold) !important;
}


/* =====================================================
   17. REVEAL
===================================================== */

#ss-ekosistem-godmode .sseko-reveal{
  opacity:0 !important;
  transform:translateY(16px) !important;
  transition:opacity .7s ease, transform .7s ease !important;
}

#ss-ekosistem-godmode .sseko-reveal.is-visible{
  opacity:1 !important;
  transform:translateY(0) !important;
}


/* =====================================================
   18. RESPONSIVE
===================================================== */

@media (max-width:1020px){
  #ss-ekosistem-godmode .sseko-hero-grid,
  #ss-ekosistem-godmode .sseko-section-head,
  #ss-ekosistem-godmode .sseko-meaning,
  #ss-ekosistem-godmode .sseko-architecture,
  #ss-ekosistem-godmode .sseko-close{
    grid-template-columns:1fr !important;
  }

  #ss-ekosistem-godmode .sseko-kompas,
  #ss-ekosistem-godmode .sseko-grid-4{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #ss-ekosistem-godmode .sseko-grid-3{
    grid-template-columns:1fr !important;
  }

  #ss-ekosistem-godmode .sseko-kompas .sseko-card:nth-child(1),
  #ss-ekosistem-godmode .sseko-kompas .sseko-card:nth-child(2),
  #ss-ekosistem-godmode .sseko-kompas .sseko-card:nth-child(3),
  #ss-ekosistem-godmode .sseko-kompas .sseko-card:nth-child(4),
  #ss-ekosistem-godmode .sseko-grid-3 .sseko-practice:nth-child(2),
  #ss-ekosistem-godmode .sseko-grid-3 .sseko-practice:nth-child(5){
    transform:none !important;
  }
}

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

  #ss-ekosistem-godmode .sseko-topbar{
    align-items:flex-start !important;
    flex-direction:column !important;
    padding-top:18px !important;
  }

  #ss-ekosistem-godmode .sseko-brand{
    white-space:normal !important;
  }

  #ss-ekosistem-godmode .sseko-hero{
    padding:42px 0 32px !important;
  }

  #ss-ekosistem-godmode .sseko-hero h1{
    font-size:clamp(32px, 9vw, 44px) !important;
    line-height:1.055 !important;
    letter-spacing:-.038em !important;
  }

  #ss-ekosistem-godmode .sseko-section-title{
    font-size:clamp(24px, 7vw, 32px) !important;
    line-height:1.14 !important;
  }

  #ss-ekosistem-godmode .sseko-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #ss-ekosistem-godmode .sseko-btn{
    width:100% !important;
    text-align:center !important;
  }

  #ss-ekosistem-godmode .sseko-kompas,
  #ss-ekosistem-godmode .sseko-grid-4,
  #ss-ekosistem-godmode .sseko-grid-3,
  #ss-ekosistem-godmode .sseko-grid-2{
    grid-template-columns:1fr !important;
  }

  #ss-ekosistem-godmode .sseko-section{
    padding:38px 0 !important;
  }

  #ss-ekosistem-godmode .sseko-visual{
    min-height:450px !important;
    border-radius:26px !important;
  }

  #ss-ekosistem-godmode .sseko-visual::before{
    inset:16px !important;
  }

  #ss-ekosistem-godmode .sseko-visual::after{
    width:80% !important;
  }

  #ss-ekosistem-godmode .sseko-core{
    width:120px !important;
    height:120px !important;
    font-size:15.5px !important;
  }

  #ss-ekosistem-godmode .sseko-node{
    width:126px !important;
    min-height:64px !important;
    padding:10px 11px !important;
  }

  #ss-ekosistem-godmode .sseko-node span{
    font-size:11.3px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n1{
    top:32px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n2{
    right:14px !important;
    top:132px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n3{
    right:16px !important;
    bottom:52px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n4{
    left:16px !important;
    bottom:52px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n5{
    left:14px !important;
    top:132px !important;
  }

  #ss-ekosistem-godmode .sseko-card,
  #ss-ekosistem-godmode .sseko-panel,
  #ss-ekosistem-godmode .sseko-note,
  #ss-ekosistem-godmode .sseko-route,
  #ss-ekosistem-godmode .sseko-practice,
  #ss-ekosistem-godmode .sslp-pause-box,
  #ss-ekosistem-godmode .sseko-close{
    padding:22px !important;
    border-radius:24px !important;
  }

  #ss-ekosistem-godmode .sseko-layer{
    grid-template-columns:1fr !important;
  }

  #ss-ekosistem-godmode .sseko-layers::before{
    left:16px !important;
  }

  #ss-ekosistem-godmode .sslp-pause-mark{
    right:18px !important;
    bottom:-26px !important;
    font-size:128px !important;
  }

  #ss-ekosistem-godmode .sseko-faq-q{
    align-items:flex-start !important;
    padding:18px !important;
  }

  #ss-ekosistem-godmode .sseko-faq-a{
    padding:0 18px 19px !important;
  }
}

@media (max-width:480px){
  #ss-ekosistem-godmode .sseko-visual{
    min-height:420px !important;
  }

  #ss-ekosistem-godmode .sseko-core{
    width:108px !important;
    height:108px !important;
    font-size:14px !important;
  }

  #ss-ekosistem-godmode .sseko-node{
    width:116px !important;
    min-height:60px !important;
    padding:9px 10px !important;
  }

  #ss-ekosistem-godmode .sseko-node strong{
    font-size:9.6px !important;
  }

  #ss-ekosistem-godmode .sseko-node span{
    font-size:10.7px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n1{
    top:28px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n2{
    right:10px !important;
    top:120px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n3{
    right:10px !important;
    bottom:46px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n4{
    left:10px !important;
    bottom:46px !important;
  }

  #ss-ekosistem-godmode .sseko-node.n5{
    left:10px !important;
    top:120px !important;
  }
}