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

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

#sslp-orbit4-root{
  --o4-bg:#07101d;
  --o4-bg-deep:#040914;
  --o4-bg-soft:#121936;

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

  --o4-line:rgba(255,255,255,.10);
  --o4-line-2:rgba(255,255,255,.15);
  --o4-line-gold:rgba(203,166,99,.30);
  --o4-line-gold-2:rgba(203,166,99,.46);
  --o4-line-violet:rgba(143,132,201,.40);

  --o4-surface:rgba(255,255,255,.060);
  --o4-surface-2:rgba(255,255,255,.092);
  --o4-surface-3:rgba(255,255,255,.124);

  --o4-gold:#c9a767;
  --o4-gold-2:#efdca5;

  --o4-violet:#8f84c9;
  --o4-violet-2:#b4a9ec;
  --o4-violet-soft:rgba(143,132,201,.20);
  --o4-violet-soft-2:rgba(143,132,201,.10);

  --o4-blue:#6f98c9;
  --o4-blue-soft:rgba(111,152,201,.10);

  --o4-copper:#b97a54;
  --o4-copper-soft:rgba(185,122,84,.10);

  --o4-shadow:0 28px 84px rgba(0,0,0,.34);
  --o4-shadow-soft:0 18px 52px rgba(0,0,0,.16);

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

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

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

  color:var(--o4-ink) !important;
  font-family:var(--o4-sans) !important;
  font-size:16px !important;
  line-height:1.7 !important;

  background:
    radial-gradient(circle at 13% 8%, rgba(201,167,103,.16), transparent 31%),
    radial-gradient(circle at 84% 11%, rgba(143,132,201,.21), transparent 34%),
    radial-gradient(circle at 50% 90%, rgba(201,167,103,.08), transparent 36%),
    radial-gradient(circle at 18% 82%, rgba(111,152,201,.045), transparent 34%),
    linear-gradient(90deg, rgba(201,167,103,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--o4-bg-deep) 0%, var(--o4-bg) 43%, var(--o4-bg-soft) 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}

#sslp-orbit4-root[data-theme="light"]{
  --o4-bg:#f7f1e7;
  --o4-bg-deep:#fcf8ef;
  --o4-bg-soft:#edf0fa;

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

  --o4-line:rgba(22,36,56,.13);
  --o4-line-2:rgba(22,36,56,.18);
  --o4-line-gold:rgba(126,91,38,.28);
  --o4-line-gold-2:rgba(126,91,38,.42);
  --o4-line-violet:rgba(105,96,164,.30);

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

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

  --o4-violet:#6960a4;
  --o4-violet-2:#8b81bf;
  --o4-violet-soft:rgba(105,96,164,.13);
  --o4-violet-soft-2:rgba(105,96,164,.08);

  --o4-blue:#416f9f;
  --o4-blue-soft:rgba(65,111,159,.08);

  --o4-copper:#986343;
  --o4-copper-soft:rgba(152,99,67,.08);

  --o4-shadow:0 26px 78px rgba(30,36,48,.12);
  --o4-shadow-soft:0 18px 52px rgba(30,36,48,.10);

  color:var(--o4-ink) !important;
  background:
    radial-gradient(circle at 13% 8%, rgba(159,116,48,.15), transparent 31%),
    radial-gradient(circle at 84% 11%, rgba(105,96,164,.14), transparent 34%),
    radial-gradient(circle at 50% 90%, rgba(159,116,48,.055), transparent 36%),
    linear-gradient(90deg, rgba(159,116,48,.018) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, #fcf8ef 0%, #f4ede1 48%, #edf0fa 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}


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

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

#sslp-orbit4-root h1,
#sslp-orbit4-root h2,
#sslp-orbit4-root h3,
#sslp-orbit4-root h4{
  margin-top:0 !important;
  color:var(--o4-ink) !important;
  font-family:var(--o4-serif) !important;
  text-transform:none !important;
}

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

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

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


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

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

#sslp-orbit4-root .o4-bg-ring{
  position:absolute !important;
  width:min(58vw, 680px) !important;
  height:min(58vw, 680px) !important;
  right:-12vw !important;
  top:8% !important;
  border:1px solid rgba(143,132,201,.18) !important;
  border-radius:999px !important;
  opacity:.55 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-orbit4-root .o4-bg-ring::before,
#sslp-orbit4-root .o4-bg-ring::after{
  content:"" !important;
  position:absolute !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

#sslp-orbit4-root .o4-bg-ring::before{
  inset:13% !important;
}

#sslp-orbit4-root .o4-bg-ring::after{
  inset:29% !important;
  border-color:rgba(201,167,103,.12) !important;
}

#sslp-orbit4-root h1{
  max-width:880px !important;
  margin:0 0 20px !important;
  font-size:clamp(34px, 4vw, 54px) !important;
  line-height:1.04 !important;
  letter-spacing:-.042em !important;
  font-weight:730 !important;
}

#sslp-orbit4-root h2{
  margin:0 !important;
  font-size:clamp(25px, 2.55vw, 36px) !important;
  line-height:1.14 !important;
  letter-spacing:-.032em !important;
  font-weight:700 !important;
}

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


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

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

#sslp-orbit4-root .o4-topbar{
  padding:24px 0 16px !important;
}

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

#sslp-orbit4-root .o4-pill,
#sslp-orbit4-root .o4-theme-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:8px 13px !important;
  border:1px solid var(--o4-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--o4-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,
    border-color .25s ease,
    background .25s ease,
    color .25s ease !important;
}

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

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

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

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

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

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

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


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

#sslp-orbit4-root .o4-hero{
  padding:58px 0 46px !important;
  position:relative !important;
  scroll-margin-top:90px !important;
}

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

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

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

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

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

#sslp-orbit4-root .o4-quote{
  max-width:700px !important;
  margin:0 0 24px !important;
  padding:16px 18px 16px 20px !important;
  border-left:2px solid var(--o4-violet) !important;
  border-radius:0 18px 18px 0 !important;
  background:
    linear-gradient(90deg, rgba(143,132,201,.20), rgba(143,132,201,.045)) !important;
  color:var(--o4-ink) !important;
  font-family:var(--o4-serif) !important;
  font-size:clamp(17px, 1.5vw, 21px) !important;
  line-height:1.48 !important;
  letter-spacing:-.018em !important;
}

#sslp-orbit4-root .o4-actions{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:24px !important;
}

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

#sslp-orbit4-root .o4-btn.primary{
  color:#15110a !important;
  background:linear-gradient(135deg, #d9b66e, #f2dda3) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 16px 42px rgba(201,167,103,.16) !important;
}

#sslp-orbit4-root .o4-btn.violet{
  color:#f8fbff !important;
  background:linear-gradient(135deg, #416d9d, #8f84c9) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 16px 42px rgba(143,132,201,.20) !important;
}

#sslp-orbit4-root .o4-btn.secondary{
  color:var(--o4-ink) !important;
  background:rgba(255,255,255,.058) !important;
  border-color:var(--o4-line) !important;
}

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

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


/* =========================================================
   5. HERO VISUAL: METAPHYSICAL NARRATIVE FIELD
========================================================= */

#sslp-orbit4-root .o4-visual{
  position:relative !important;
  min-height:500px !important;
  border:1px solid var(--o4-line-gold) !important;
  border-radius:var(--o4-radius-xl) !important;
  overflow:hidden !important;
  box-shadow:var(--o4-shadow) !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(143,132,201,.23), transparent 34%),
    radial-gradient(circle at 50% 48%, rgba(201,167,103,.13), transparent 42%),
    radial-gradient(circle at 20% 80%, rgba(111,152,201,.08), transparent 34%),
    linear-gradient(145deg, rgba(11,23,40,.96), rgba(18,39,64,.60)) !important;
}

#sslp-orbit4-root[data-theme="light"] .o4-visual{
  background:
    radial-gradient(circle at 50% 48%, rgba(105,96,164,.14), transparent 34%),
    radial-gradient(circle at 50% 48%, rgba(159,116,48,.12), transparent 42%),
    radial-gradient(circle at 20% 80%, rgba(65,111,159,.06), transparent 34%),
    linear-gradient(145deg, rgba(255,250,240,.92), rgba(221,233,246,.72)) !important;
}

#sslp-orbit4-root .o4-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,.050) 49.9% 50.1%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(255,255,255,.038) 49.9% 50.1%, transparent 50.3%) !important;
  opacity:.54 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-orbit4-root .o4-visual::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:74% !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) rotate(13deg) !important;
  border-radius:50% !important;
  border:1px dashed rgba(239,220,165,.18) !important;
  box-shadow:
    0 0 84px rgba(143,132,201,.13),
    inset 0 0 70px rgba(201,167,103,.060) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-orbit4-root .o4-visual-field{
  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(239,220,165,.18), transparent 0 11%, transparent 12%),
    radial-gradient(circle at 50% 50%, transparent 0 31%, rgba(255,255,255,.09) 31.4% 31.9%, transparent 32.2%),
    radial-gradient(circle at 50% 50%, transparent 0 53%, rgba(143,132,201,.26) 53.3% 53.8%, transparent 54.1%),
    radial-gradient(circle at 50% 50%, transparent 0 74%, rgba(255,255,255,.06) 74.3% 74.8%, transparent 75.1%) !important;
  z-index:2 !important;
}

#sslp-orbit4-root .o4-visual-field::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:76% !important;
  height:50% !important;
  transform:translate(-50%, -50%) rotate(-9deg) !important;
  border-radius:50% !important;
  border:1px solid rgba(143,132,201,.24) !important;
  border-left-color:transparent !important;
  border-bottom-color:rgba(201,167,103,.12) !important;
}

#sslp-orbit4-root .o4-visual-field::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:46% !important;
  height:1px !important;
  transform:translate(-50%, -50%) rotate(-18deg) !important;
  background:linear-gradient(90deg, transparent, rgba(239,220,165,.42), transparent) !important;
  opacity:.74 !important;
}

#sslp-orbit4-root .o4-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:148px !important;
  height:148px !important;
  transform:translate(-50%, -50%) !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  border-radius:999px !important;
  border:1px solid rgba(239,220,165,.56) !important;
  background:radial-gradient(circle, rgba(143,132,201,.26), rgba(14,27,46,.96) 68%) !important;
  box-shadow:
    0 0 78px rgba(143,132,201,.20),
    0 0 0 28px rgba(143,132,201,.018),
    inset 0 0 30px rgba(255,255,255,.040) !important;
  color:var(--o4-ink) !important;
  font-family:var(--o4-serif) !important;
  font-size:17px !important;
  line-height:1.16 !important;
  letter-spacing:-.02em !important;
  z-index:4 !important;
}

#sslp-orbit4-root[data-theme="light"] .o4-core{
  background:radial-gradient(circle, rgba(105,96,164,.17), rgba(255,255,255,.98) 68%) !important;
}

#sslp-orbit4-root .o4-node{
  position:absolute !important;
  z-index:5 !important;
  width:148px !important;
  min-height:70px !important;
  padding:12px 13px !important;
  border-radius:18px !important;
  border:1px solid var(--o4-line) !important;
  background:rgba(255,255,255,.076) !important;
  backdrop-filter:blur(13px) !important;
  -webkit-backdrop-filter:blur(13px) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.17) !important;
}

#sslp-orbit4-root .o4-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(--o4-gold) !important;
  box-shadow:0 0 18px rgba(201,167,103,.36) !important;
  opacity:.78 !important;
}

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

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

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

#sslp-orbit4-root .n1{
  left:50% !important;
  top:38px !important;
  transform:translateX(-50%) !important;
}

#sslp-orbit4-root .n2{
  right:38px !important;
  top:142px !important;
}

#sslp-orbit4-root .n3{
  right:50px !important;
  bottom:72px !important;
}

#sslp-orbit4-root .n4{
  left:50px !important;
  bottom:72px !important;
}

#sslp-orbit4-root .n5{
  left:38px !important;
  top:142px !important;
}


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

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

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

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

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

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

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

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

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


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

#sslp-orbit4-root .o4-panel,
#sslp-orbit4-root .o4-meaning,
#sslp-orbit4-root .o4-note,
#sslp-orbit4-root .o4-tabs,
#sslp-orbit4-root .o4-cta,
#sslp-orbit4-root .sslp-pause-box{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--o4-line-gold) !important;
  border-radius:var(--o4-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(201,167,103,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, var(--o4-violet-soft-2), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.032)) !important;
  box-shadow:var(--o4-shadow) !important;
}

#sslp-orbit4-root[data-theme="light"] .o4-panel,
#sslp-orbit4-root[data-theme="light"] .o4-meaning,
#sslp-orbit4-root[data-theme="light"] .o4-note,
#sslp-orbit4-root[data-theme="light"] .o4-tabs,
#sslp-orbit4-root[data-theme="light"] .o4-cta,
#sslp-orbit4-root[data-theme="light"] .sslp-pause-box{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(105,96,164,.065), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.64)) !important;
}

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

#sslp-orbit4-root .o4-panel.violet,
#sslp-orbit4-root .o4-meaning.violet,
#sslp-orbit4-root .o4-note.violet{
  border-color:rgba(143,132,201,.40) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(143,132,201,.16), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(201,167,103,.08), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.032)) !important;
}

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

#sslp-orbit4-root .o4-panel::after,
#sslp-orbit4-root .o4-meaning::after,
#sslp-orbit4-root .o4-note::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(143,132,201,.14) !important;
  box-shadow:
    0 0 0 46px rgba(143,132,201,.014),
    0 0 0 96px rgba(201,167,103,.010) !important;
  pointer-events:none !important;
  opacity:.46 !important;
}

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

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

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

#sslp-orbit4-root .o4-panel strong,
#sslp-orbit4-root .o4-meaning strong,
#sslp-orbit4-root .o4-note strong{
  color:var(--o4-ink) !important;
  font-weight:820 !important;
}

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

#sslp-orbit4-root .o4-card,
#sslp-orbit4-root .o4-mini,
#sslp-orbit4-root .o4-case,
#sslp-orbit4-root .o4-route,
#sslp-orbit4-root .o4-step,
#sslp-orbit4-root .o4-small,
#sslp-orbit4-root .o4-faq-item{
  position:relative !important;
  border:1px solid var(--o4-line) !important;
  border-radius:var(--o4-radius-lg) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(143,132,201,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.022)) !important;
  box-shadow:var(--o4-shadow-soft) !important;
  overflow:hidden !important;
}

#sslp-orbit4-root[data-theme="light"] .o4-card,
#sslp-orbit4-root[data-theme="light"] .o4-mini,
#sslp-orbit4-root[data-theme="light"] .o4-case,
#sslp-orbit4-root[data-theme="light"] .o4-route,
#sslp-orbit4-root[data-theme="light"] .o4-step,
#sslp-orbit4-root[data-theme="light"] .o4-small,
#sslp-orbit4-root[data-theme="light"] .o4-faq-item{
  background:
    radial-gradient(circle at 86% 12%, rgba(105,96,164,.085), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56)) !important;
}

#sslp-orbit4-root .o4-card.violet,
#sslp-orbit4-root .o4-mini.violet,
#sslp-orbit4-root .o4-case.violet,
#sslp-orbit4-root .o4-route.violet,
#sslp-orbit4-root .o4-step.violet,
#sslp-orbit4-root .o4-small.violet{
  border-color:rgba(143,132,201,.40) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(143,132,201,.16), transparent 34%),
    linear-gradient(145deg, rgba(143,132,201,.13), rgba(255,255,255,.045)) !important;
}

#sslp-orbit4-root .o4-card::before,
#sslp-orbit4-root .o4-mini::before,
#sslp-orbit4-root .o4-case::before,
#sslp-orbit4-root .o4-route::before,
#sslp-orbit4-root .o4-step::before,
#sslp-orbit4-root .o4-small::before,
#sslp-orbit4-root .o4-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,167,103,.44), transparent) !important;
  opacity:.62 !important;
}

#sslp-orbit4-root .o4-card::after,
#sslp-orbit4-root .o4-mini::after,
#sslp-orbit4-root .o4-case::after,
#sslp-orbit4-root .o4-route::after,
#sslp-orbit4-root .o4-step::after,
#sslp-orbit4-root .o4-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(143,132,201,.16) !important;
  opacity:.46 !important;
  pointer-events:none !important;
}

#sslp-orbit4-root .o4-card > *,
#sslp-orbit4-root .o4-mini > *,
#sslp-orbit4-root .o4-case > *,
#sslp-orbit4-root .o4-route > *,
#sslp-orbit4-root .o4-step > *,
#sslp-orbit4-root .o4-small > *,
#sslp-orbit4-root .o4-faq-item > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-orbit4-root .o4-card,
#sslp-orbit4-root .o4-mini,
#sslp-orbit4-root .o4-case,
#sslp-orbit4-root .o4-route,
#sslp-orbit4-root .o4-step,
#sslp-orbit4-root .o4-small{
  min-height:178px !important;
  padding:21px !important;
}

#sslp-orbit4-root .o4-card{
  min-height:284px !important;
}

#sslp-orbit4-root .o4-route{
  min-height:238px !important;
}

#sslp-orbit4-root .o4-small{
  min-height:220px !important;
}

#sslp-orbit4-root .o4-card p,
#sslp-orbit4-root .o4-mini p,
#sslp-orbit4-root .o4-case p,
#sslp-orbit4-root .o4-route p,
#sslp-orbit4-root .o4-step p,
#sslp-orbit4-root .o4-small p,
#sslp-orbit4-root .o4-faq-item p{
  margin:0 !important;
  color:var(--o4-muted) !important;
  font-size:14px !important;
  line-height:1.66 !important;
}


/* =========================================================
   8. KOMPAS AND CARD RHYTHM
========================================================= */

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

#sslp-orbit4-root .o4-compass > .o4-mini{
  min-height:220px !important;
}

#sslp-orbit4-root .o4-compass > .o4-mini:nth-child(1),
#sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(1){
  border-radius:34px 24px 24px 24px !important;
}

#sslp-orbit4-root .o4-compass > .o4-mini:nth-child(2),
#sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(2),
#sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(6){
  transform:translateY(14px) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(201,167,103,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#sslp-orbit4-root .o4-compass > .o4-mini:nth-child(3),
#sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(3),
#sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(7){
  transform:translateY(30px) !important;
}

#sslp-orbit4-root .o4-compass > .o4-mini:nth-child(4),
#sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(4),
#sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(8){
  transform:translateY(8px) !important;
  border-radius:24px 34px 24px 24px !important;
}

#sslp-orbit4-root .o4-grid-3 > .o4-card:nth-child(2),
#sslp-orbit4-root .o4-grid-3 > .o4-case:nth-child(2),
#sslp-orbit4-root .o4-grid-3 > .o4-route:nth-child(2),
#sslp-orbit4-root .o4-grid-3 > .o4-step:nth-child(2){
  transform:translateY(16px) !important;
}

#sslp-orbit4-root .o4-grid-5 > .o4-mini:nth-child(2),
#sslp-orbit4-root .o4-grid-5 > .o4-mini:nth-child(4),
#sslp-orbit4-root .o4-grid-5 > .o4-small:nth-child(2),
#sslp-orbit4-root .o4-grid-5 > .o4-small:nth-child(4){
  transform:translateY(16px) !important;
}

#sslp-orbit4-root .o4-grid-5 > .o4-mini:nth-child(3),
#sslp-orbit4-root .o4-grid-5 > .o4-small:nth-child(3){
  transform:translateY(30px) !important;
}


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

#sslp-orbit4-root .o4-meaning-list{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin-top:20px !important;
}

#sslp-orbit4-root .o4-meaning-item{
  position:relative !important;
  padding:16px !important;
  border-radius:18px !important;
  border:1px solid var(--o4-line) !important;
  background:rgba(255,255,255,.044) !important;
  overflow:hidden !important;
}

#sslp-orbit4-root .o4-meaning-item::before{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(201,167,103,.34), transparent) !important;
}

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

#sslp-orbit4-root .o4-meaning-item strong{
  display:block !important;
  margin-bottom:5px !important;
  color:var(--o4-ink) !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
}

#sslp-orbit4-root .o4-meaning-item span{
  display:block !important;
  color:var(--o4-muted) !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
}


/* =========================================================
   10. LINKS AND TIMELINE
========================================================= */

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

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

#sslp-orbit4-root .o4-link[href=""]{
  opacity:.72 !important;
  pointer-events:none !important;
}

#sslp-orbit4-root .o4-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,167,103,.26), transparent) !important;
  opacity:.62 !important;
  pointer-events:none !important;
}

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

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

#sslp-orbit4-root .o4-link span:first-child{
  color:var(--o4-ink) !important;
  font-size:13.5px !important;
  font-weight:770 !important;
  line-height:1.38 !important;
}

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

#sslp-orbit4-root .o4-timeline{
  position:relative !important;
  display:grid !important;
  gap:12px !important;
}

#sslp-orbit4-root .o4-timeline::before{
  content:"" !important;
  position:absolute !important;
  left:59px !important;
  top:22px !important;
  bottom:22px !important;
  width:1px !important;
  background:linear-gradient(to bottom, transparent, rgba(143,132,201,.42), transparent) !important;
  pointer-events:none !important;
}

#sslp-orbit4-root .o4-timeline-row{
  position:relative !important;
  display:grid !important;
  grid-template-columns:118px minmax(0, 1fr) !important;
  gap:14px !important;
  padding:16px !important;
  border-radius:20px !important;
  border:1px solid var(--o4-line) !important;
  background:rgba(255,255,255,.045) !important;
  overflow:hidden !important;
}

#sslp-orbit4-root .o4-timeline-row::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(143,132,201,.38), transparent) !important;
}

#sslp-orbit4-root[data-theme="light"] .o4-timeline-row{
  background:rgba(255,255,255,.70) !important;
}

#sslp-orbit4-root .o4-code{
  position:relative !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid var(--o4-line-gold) !important;
  color:var(--o4-gold) !important;
  background:rgba(201,167,103,.060) !important;
  font-size:11px !important;
  font-weight:860 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

#sslp-orbit4-root .o4-timeline-row p{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.68 !important;
}


/* =========================================================
   11. TABS
========================================================= */

#sslp-orbit4-root .o4-tabs{
  border-color:var(--o4-line-gold) !important;
}

#sslp-orbit4-root .o4-tabs::before{
  content:"" !important;
  position:absolute !important;
  right:-112px !important;
  bottom:-124px !important;
  width:310px !important;
  height:310px !important;
  border-radius:50% !important;
  border:1px solid rgba(143,132,201,.13) !important;
  box-shadow:
    0 0 0 48px rgba(143,132,201,.014),
    0 0 0 96px rgba(201,167,103,.010) !important;
  pointer-events:none !important;
  opacity:.44 !important;
}

#sslp-orbit4-root .o4-tab-nav{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  padding:18px !important;
  border-bottom:1px solid var(--o4-line) !important;
  background:rgba(255,255,255,.035) !important;
}

#sslp-orbit4-root .o4-tab-btn{
  min-height:36px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid var(--o4-line) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--o4-muted) !important;
  font-size:11.5px !important;
  font-weight:830 !important;
  line-height:1.2 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  transition:transform .24s ease, background .24s ease, border-color .24s ease, color .24s ease !important;
}

#sslp-orbit4-root .o4-tab-btn.is-active,
#sslp-orbit4-root .o4-tab-btn:hover{
  color:var(--o4-ink) !important;
  border-color:var(--o4-line-gold) !important;
  background:rgba(143,132,201,.17) !important;
  transform:translateY(-1px) !important;
}

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

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

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

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

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


/* =========================================================
   12. JEDA SUNYI
========================================================= */

#sslp-orbit4-root .sslp-pause{
  padding:50px 0 !important;
}

#sslp-orbit4-root .sslp-pause-box{
  padding:34px !important;
  border-color:var(--o4-line-gold) !important;
  background:
    radial-gradient(circle at 14% 30%, rgba(143,132,201,.15), transparent 34%),
    radial-gradient(circle at 92% 20%, rgba(201,167,103,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.076), rgba(255,255,255,.034)) !important;
}

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

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

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

#sslp-orbit4-root .sslp-pause-mark{
  position:absolute !important;
  right:28px !important;
  bottom:-46px !important;
  color:rgba(143,132,201,.20) !important;
  font-family:var(--o4-serif) !important;
  font-size:190px !important;
  line-height:1 !important;
  pointer-events:none !important;
}


/* =========================================================
   13. FAQ
========================================================= */

#sslp-orbit4-root .o4-faq-wrap{
  display:grid !important;
  gap:10px !important;
}

#sslp-orbit4-root .o4-faq-item{
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border-radius:22px !important;
}

#sslp-orbit4-root .o4-faq-button{
  width:100% !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:18px !important;
  min-height:54px !important;
  padding:15px 18px !important;
  border:0 !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--o4-ink) !important;
  font-family:var(--o4-serif) !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  text-align:left !important;
}

#sslp-orbit4-root[data-theme="light"] .o4-faq-button{
  background:rgba(255,255,255,.72) !important;
}

#sslp-orbit4-root .o4-faq-button 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,167,103,.24) !important;
  color:var(--o4-gold) !important;
  background:rgba(201,167,103,.08) !important;
  font-family:var(--o4-sans) !important;
  font-size:18px !important;
  line-height:1 !important;
  transition:transform .24s ease !important;
}

#sslp-orbit4-root .o4-faq-panel{
  display:none !important;
  padding:0 18px 17px !important;
}

#sslp-orbit4-root .o4-faq-item.is-open{
  border-color:var(--o4-line-gold) !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(143,132,201,.11), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.064), rgba(255,255,255,.024)) !important;
}

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

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

#sslp-orbit4-root .o4-faq-panel p{
  margin:0 !important;
  color:var(--o4-muted) !important;
  font-size:14px !important;
  line-height:1.68 !important;
}


/* =========================================================
   14. CTA
========================================================= */

#sslp-orbit4-root .o4-cta{
  margin:54px 0 66px !important;
  padding:34px !important;
  border-radius:var(--o4-radius-xl) !important;
  border:1px solid var(--o4-line-gold) !important;
  background:
    radial-gradient(circle at 12% 30%, rgba(143,132,201,.15), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(201,167,103,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.034)) !important;
  box-shadow:var(--o4-shadow) !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:24px !important;
  align-items:center !important;
  position:relative !important;
  overflow:hidden !important;
}

#sslp-orbit4-root .o4-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(143,132,201,.14), transparent 68%) !important;
  pointer-events:none !important;
}

#sslp-orbit4-root[data-theme="light"] .o4-cta{
  background:
    radial-gradient(circle at 12% 30%, rgba(105,96,164,.11), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(159,116,48,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)) !important;
}

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

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


/* =========================================================
   15. RESPONSIVE
========================================================= */

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

  #sslp-orbit4-root .o4-compass,
  #sslp-orbit4-root .o4-grid-3{
    grid-template-columns:1fr !important;
  }

  #sslp-orbit4-root .o4-grid-4,
  #sslp-orbit4-root .o4-meaning-list,
  #sslp-orbit4-root .o4-grid-5{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #sslp-orbit4-root .o4-compass > .o4-mini:nth-child(1),
  #sslp-orbit4-root .o4-compass > .o4-mini:nth-child(2),
  #sslp-orbit4-root .o4-compass > .o4-mini:nth-child(3),
  #sslp-orbit4-root .o4-compass > .o4-mini:nth-child(4),
  #sslp-orbit4-root .o4-grid-3 > .o4-card:nth-child(2),
  #sslp-orbit4-root .o4-grid-3 > .o4-case:nth-child(2),
  #sslp-orbit4-root .o4-grid-3 > .o4-route:nth-child(2),
  #sslp-orbit4-root .o4-grid-3 > .o4-step:nth-child(2),
  #sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(1),
  #sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(2),
  #sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(3),
  #sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(4),
  #sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(6),
  #sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(7),
  #sslp-orbit4-root .o4-grid-4 > .o4-mini:nth-child(8),
  #sslp-orbit4-root .o4-grid-5 > .o4-mini:nth-child(2),
  #sslp-orbit4-root .o4-grid-5 > .o4-mini:nth-child(3),
  #sslp-orbit4-root .o4-grid-5 > .o4-mini:nth-child(4),
  #sslp-orbit4-root .o4-grid-5 > .o4-small:nth-child(2),
  #sslp-orbit4-root .o4-grid-5 > .o4-small:nth-child(3),
  #sslp-orbit4-root .o4-grid-5 > .o4-small:nth-child(4){
    transform:none !important;
  }

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

  #sslp-orbit4-root .o4-timeline::before{
    display:none !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  #sslp-orbit4-root .o4-visual{
    min-height:430px !important;
    border-radius:26px !important;
  }

  #sslp-orbit4-root .o4-visual-field{
    inset:16px !important;
  }

  #sslp-orbit4-root .o4-core{
    width:118px !important;
    height:118px !important;
    font-size:15.5px !important;
  }

  #sslp-orbit4-root .o4-node{
    width:122px !important;
    min-height:64px !important;
    padding:10px 11px !important;
  }

  #sslp-orbit4-root .o4-node span{
    font-size:11.5px !important;
  }

  #sslp-orbit4-root .n1{
    top:34px !important;
  }

  #sslp-orbit4-root .n2{
    right:14px !important;
    top:132px !important;
  }

  #sslp-orbit4-root .n3{
    right:18px !important;
    bottom:48px !important;
  }

  #sslp-orbit4-root .n4{
    left:18px !important;
    bottom:48px !important;
  }

  #sslp-orbit4-root .n5{
    left:14px !important;
    top:132px !important;
  }

  #sslp-orbit4-root .o4-grid-4,
  #sslp-orbit4-root .o4-grid-5,
  #sslp-orbit4-root .o4-meaning-list{
    grid-template-columns:1fr !important;
  }

  #sslp-orbit4-root .o4-timeline-row{
    grid-template-columns:1fr !important;
  }

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

  #sslp-orbit4-root .o4-panel,
  #sslp-orbit4-root .o4-meaning,
  #sslp-orbit4-root .o4-note,
  #sslp-orbit4-root .o4-card,
  #sslp-orbit4-root .o4-mini,
  #sslp-orbit4-root .o4-case,
  #sslp-orbit4-root .o4-route,
  #sslp-orbit4-root .o4-step,
  #sslp-orbit4-root .o4-small,
  #sslp-orbit4-root .o4-cta,
  #sslp-orbit4-root .sslp-pause-box{
    padding:22px !important;
    border-radius:24px !important;
  }

  #sslp-orbit4-root .o4-card,
  #sslp-orbit4-root .o4-mini,
  #sslp-orbit4-root .o4-case,
  #sslp-orbit4-root .o4-route,
  #sslp-orbit4-root .o4-step,
  #sslp-orbit4-root .o4-small{
    min-height:auto !important;
  }

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

  #sslp-orbit4-root .o4-faq-button{
    align-items:flex-start !important;
    min-height:52px !important;
    padding:14px 16px !important;
    border-radius:20px !important;
  }

  #sslp-orbit4-root .o4-faq-panel{
    padding:0 16px 16px !important;
  }

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

  #sslp-orbit4-root .o4-tab-panel{
    padding:22px !important;
  }

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

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

  #sslp-orbit4-root .o4-core{
    width:104px !important;
    height:104px !important;
    font-size:14px !important;
  }

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

  #sslp-orbit4-root .o4-node strong{
    font-size:9.5px !important;
  }

  #sslp-orbit4-root .o4-node span{
    font-size:10.8px !important;
  }

  #sslp-orbit4-root .n1{
    top:28px !important;
  }

  #sslp-orbit4-root .n2{
    right:10px !important;
    top:120px !important;
  }

  #sslp-orbit4-root .n3{
    right:10px !important;
    bottom:44px !important;
  }

  #sslp-orbit4-root .n4{
    left:10px !important;
    bottom:44px !important;
  }

  #sslp-orbit4-root .n5{
    left:10px !important;
    top:120px !important;
  }
}

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