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

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

#sslp-spiral-v2{
  --sp-bg:#07101d;
  --sp-bg-deep:#050b14;
  --sp-bg-2:#0d1d32;

  --sp-ink:#f3efe6;
  --sp-muted:rgba(243,239,230,.74);
  --sp-soft:rgba(243,239,230,.56);

  --sp-line:rgba(255,255,255,.10);
  --sp-line-2:rgba(255,255,255,.15);
  --sp-line-gold:rgba(210,174,100,.26);
  --sp-line-gold-2:rgba(210,174,100,.42);

  --sp-gold:#c8a15a;
  --sp-gold-2:#e0c079;

  --sp-blue:#20364d;
  --sp-blue-soft:rgba(68,111,171,.15);
  --sp-aqua-soft:rgba(126,174,190,.10);
  --sp-violet-soft:rgba(128,118,180,.08);

  --sp-card:rgba(255,255,255,.058);
  --sp-card-2:rgba(255,255,255,.092);
  --sp-card-3:rgba(255,255,255,.125);

  --sp-shadow:0 26px 80px rgba(0,0,0,.30);
  --sp-shadow-soft:0 18px 54px rgba(0,0,0,.16);

  --sp-max:1180px;
  --sp-radius-xl:32px;
  --sp-radius-lg:24px;
  --sp-radius-md:18px;

  --sp-serif:Georgia, "Times New Roman", serif;
  --sp-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

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

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

  background:
    radial-gradient(circle at 16% 6%, rgba(200,161,90,.14), transparent 30%),
    radial-gradient(circle at 84% 8%, rgba(68,111,171,.17), transparent 35%),
    radial-gradient(circle at 66% 86%, rgba(200,161,90,.08), transparent 36%),
    radial-gradient(circle at 24% 84%, rgba(126,174,190,.035), transparent 34%),
    linear-gradient(90deg, rgba(200,161,90,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--sp-bg-deep) 0%, var(--sp-bg) 42%, var(--sp-bg-2) 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}

#sslp-spiral-v2[data-theme="light"]{
  --sp-bg:#f6f1e8;
  --sp-bg-deep:#fbf7ef;
  --sp-bg-2:#eaf0f7;

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

  --sp-line:rgba(31,45,67,.13);
  --sp-line-2:rgba(31,45,67,.18);
  --sp-line-gold:rgba(125,85,32,.25);
  --sp-line-gold-2:rgba(125,85,32,.38);

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

  --sp-blue:#e7eef7;
  --sp-blue-soft:rgba(55,91,137,.10);
  --sp-aqua-soft:rgba(80,112,130,.08);
  --sp-violet-soft:rgba(128,118,180,.05);

  --sp-card:rgba(255,255,255,.72);
  --sp-card-2:rgba(255,255,255,.92);
  --sp-card-3:rgba(255,255,255,.98);

  --sp-shadow:0 26px 74px rgba(34,39,48,.12);
  --sp-shadow-soft:0 18px 48px rgba(34,39,48,.10);

  color:var(--sp-ink) !important;
  background:
    radial-gradient(circle at 16% 6%, rgba(159,116,48,.14), transparent 31%),
    radial-gradient(circle at 84% 8%, rgba(55,91,137,.11), transparent 35%),
    radial-gradient(circle at 66% 86%, rgba(159,116,48,.055), transparent 36%),
    radial-gradient(circle at 24% 84%, rgba(80,112,130,.050), transparent 34%),
    linear-gradient(90deg, rgba(159,116,48,.018) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, #fbf7ef 0%, #f3ede2 48%, #eaf0f7 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}


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

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

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

#sslp-spiral-v2 p{
  color:var(--sp-muted) !important;
  margin-top:0 !important;
}

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

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


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

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

#sslp-spiral-v2 .sp-bg-ring{
  position:absolute !important;
  right:-10vw !important;
  top:18% !important;
  width:min(58vw, 720px) !important;
  height:min(58vw, 720px) !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.12) !important;
  opacity:.54 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-spiral-v2 .sp-bg-ring::before,
#sslp-spiral-v2 .sp-bg-ring::after{
  content:"" !important;
  position:absolute !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

#sslp-spiral-v2 .sp-bg-ring::before{
  inset:14% !important;
}

#sslp-spiral-v2 .sp-bg-ring::after{
  inset:29% !important;
  border-color:rgba(200,161,90,.11) !important;
}

#sslp-spiral-v2 h1{
  max-width:840px !important;
  margin:0 0 20px !important;
  font-family:var(--sp-serif) !important;
  font-size:clamp(34px, 3.9vw, 54px) !important;
  line-height:1.04 !important;
  letter-spacing:-.040em !important;
  font-weight:720 !important;
}

#sslp-spiral-v2 h2{
  margin:0 !important;
  font-family:var(--sp-serif) !important;
  font-size:clamp(25px, 2.35vw, 35px) !important;
  line-height:1.13 !important;
  letter-spacing:-.032em !important;
  font-weight:700 !important;
}

#sslp-spiral-v2 h3{
  margin:0 !important;
  font-family:var(--sp-serif) !important;
  font-size:clamp(18px, 1.4vw, 22px) !important;
  line-height:1.2 !important;
  letter-spacing:-.020em !important;
  font-weight:700 !important;
}


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

#sslp-spiral-v2 .sp-topbar,
#sslp-spiral-v2 .sp-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

#sslp-spiral-v2 .sp-topbar{
  padding:24px 0 16px !important;
}

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

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

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

#sslp-spiral-v2 .sp-pill:hover,
#sslp-spiral-v2 .sp-toggle:hover{
  transform:translateY(-2px) !important;
  color:var(--sp-ink) !important;
  border-color:var(--sp-line-gold-2) !important;
  background:var(--sp-card-2) !important;
}

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

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

#sslp-spiral-v2 .sp-footer span,
#sslp-spiral-v2 .sp-footer a{
  color:var(--sp-soft) !important;
}

#sslp-spiral-v2 .sp-footer a{
  border-bottom:1px solid transparent !important;
  transition:color .24s ease, border-color .24s ease !important;
}

#sslp-spiral-v2 .sp-footer a:hover{
  color:var(--sp-gold) !important;
  border-color:var(--sp-gold) !important;
}


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

#sslp-spiral-v2 .sp-hero{
  position:relative !important;
  padding:58px 0 46px !important;
}

#sslp-spiral-v2 .sp-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.02fr) minmax(340px, .98fr) !important;
  gap:40px !important;
  align-items:center !important;
}

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

#sslp-spiral-v2 .sp-kicker{
  gap:10px !important;
  margin-bottom:16px !important;
}

#sslp-spiral-v2 .sp-kicker::before{
  content:"" !important;
  width:34px !important;
  height:1px !important;
  background:var(--sp-gold) !important;
  opacity:.88 !important;
}

#sslp-spiral-v2 .sp-lead{
  max-width:725px !important;
  margin:0 0 22px !important;
  color:var(--sp-muted) !important;
  font-size:clamp(15.5px, 1.17vw, 17.5px) !important;
  line-height:1.74 !important;
}

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

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

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

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

#sslp-spiral-v2[data-theme="light"] .sp-btn:not(.primary){
  background:rgba(255,255,255,.78) !important;
}

#sslp-spiral-v2 .sp-btn:hover{
  transform:translateY(-3px) !important;
  border-color:var(--sp-gold) !important;
}


/* =========================================================
   5. HERO VISUAL: CONSCIOUSNESS SPIRAL ATLAS
========================================================= */

#sslp-spiral-v2 .sp-visual{
  position:relative !important;
  min-height:500px !important;
  border:1px solid var(--sp-line-gold) !important;
  border-radius:var(--sp-radius-xl) !important;
  overflow:hidden !important;
  box-shadow:var(--sp-shadow) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
    radial-gradient(circle at 50% 50%, rgba(200,161,90,.18), transparent 38%),
    radial-gradient(circle at 12% 12%, rgba(68,111,171,.16), transparent 34%),
    linear-gradient(145deg, rgba(11,23,40,.98), rgba(18,39,64,.58)) !important;
}

#sslp-spiral-v2[data-theme="light"] .sp-visual{
  background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.52)),
    radial-gradient(circle at 50% 50%, rgba(159,116,48,.15), transparent 38%),
    radial-gradient(circle at 12% 12%, rgba(55,91,137,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,250,240,.94), rgba(221,233,246,.72)) !important;
}

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

#sslp-spiral-v2 .sp-visual::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:72% !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) rotate(14deg) !important;
  border-radius:50% !important;
  border:1px dashed rgba(224,192,121,.20) !important;
  box-shadow:
    0 0 86px rgba(200,161,90,.10),
    inset 0 0 72px rgba(68,111,171,.08) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-spiral-v2 .sp-orbit-field{
  position:absolute !important;
  inset:28px !important;
  border-radius:27px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(224,192,121,.18), transparent 0 14%, transparent 15%),
    radial-gradient(circle at 50% 50%, transparent 0 27%, rgba(255,255,255,.10) 27.2% 27.7%, transparent 28%),
    radial-gradient(circle at 50% 50%, transparent 0 45%, rgba(200,161,90,.13) 45.2% 45.7%, transparent 46%),
    radial-gradient(circle at 50% 50%, transparent 0 65%, rgba(255,255,255,.08) 65.2% 65.7%, transparent 66%),
    linear-gradient(135deg, rgba(255,255,255,.035), transparent) !important;
  z-index:2 !important;
}

#sslp-spiral-v2 .sp-spiral-line{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:69% !important;
  height:69% !important;
  transform:translate(-50%, -50%) rotate(-19deg) !important;
  border-radius:48% 52% 46% 54% !important;
  border:1px solid rgba(224,192,121,.36) !important;
  border-left-color:transparent !important;
  border-bottom-color:rgba(224,192,121,.09) !important;
  box-shadow:0 0 58px rgba(200,161,90,.08) !important;
  z-index:3 !important;
}

#sslp-spiral-v2 .sp-spiral-line::before,
#sslp-spiral-v2 .sp-spiral-line::after{
  content:"" !important;
  position:absolute !important;
  border-radius:50% !important;
  border:1px solid rgba(224,192,121,.22) !important;
}

#sslp-spiral-v2 .sp-spiral-line::before{
  inset:17% !important;
  border-right-color:transparent !important;
  transform:rotate(42deg) !important;
}

#sslp-spiral-v2 .sp-spiral-line::after{
  inset:34% !important;
  border-top-color:transparent !important;
  transform:rotate(-30deg) !important;
}

#sslp-spiral-v2 .sp-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:146px !important;
  height:146px !important;
  transform:translate(-50%, -50%) !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  border-radius:50% !important;
  border:1px solid rgba(224,192,121,.56) !important;
  background:
    radial-gradient(circle, rgba(224,192,121,.25), rgba(14,27,46,.96) 68%) !important;
  box-shadow:
    0 0 76px rgba(200,161,90,.18),
    0 0 0 26px rgba(200,161,90,.018),
    inset 0 0 32px rgba(255,255,255,.045) !important;
  color:var(--sp-ink) !important;
  font-family:var(--sp-serif) !important;
  font-size:17px !important;
  line-height:1.16 !important;
  letter-spacing:-.020em !important;
  z-index:5 !important;
}

#sslp-spiral-v2[data-theme="light"] .sp-core{
  background:
    radial-gradient(circle, rgba(224,192,121,.30), rgba(255,255,255,.96) 68%) !important;
}

#sslp-spiral-v2 .sp-node{
  position:absolute !important;
  width:148px !important;
  min-height:72px !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  border:1px solid var(--sp-line) !important;
  background:rgba(255,255,255,.075) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
  z-index:6 !important;
}

#sslp-spiral-v2 .sp-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(--sp-gold) !important;
  box-shadow:0 0 18px rgba(200,161,90,.34) !important;
  opacity:.74 !important;
}

#sslp-spiral-v2[data-theme="light"] .sp-node{
  background:rgba(255,255,255,.72) !important;
}

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

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

#sslp-spiral-v2 .sp-node-1{
  left:46px !important;
  top:76px !important;
}

#sslp-spiral-v2 .sp-node-2{
  right:52px !important;
  top:104px !important;
}

#sslp-spiral-v2 .sp-node-3{
  left:64px !important;
  bottom:80px !important;
}

#sslp-spiral-v2 .sp-node-4{
  right:44px !important;
  bottom:78px !important;
}


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

#sslp-spiral-v2 .sp-section{
  padding:48px 0 !important;
  position:relative !important;
  z-index:2 !important;
  scroll-margin-top:92px !important;
}

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

#sslp-spiral-v2 .sp-section-head .sp-eyebrow,
#sslp-spiral-v2 .sp-panel .sp-eyebrow,
#sslp-spiral-v2 .sp-note .sp-eyebrow{
  margin-bottom:12px !important;
}

#sslp-spiral-v2 .sp-section-desc{
  color:var(--sp-muted) !important;
  font-size:15.5px !important;
  line-height:1.76 !important;
}

#sslp-spiral-v2 .sp-split{
  display:grid !important;
  grid-template-columns:minmax(0, .78fr) minmax(300px, .52fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}


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

#sslp-spiral-v2 .sp-panel,
#sslp-spiral-v2 .sp-note,
#sslp-spiral-v2 .sp-pause-box,
#sslp-spiral-v2 .sp-faq-wrap,
#sslp-spiral-v2 .sp-cta{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--sp-line-gold) !important;
  border-radius:var(--sp-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(200,161,90,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(68,111,171,.080), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
  box-shadow:var(--sp-shadow) !important;
}

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

#sslp-spiral-v2 .sp-panel,
#sslp-spiral-v2 .sp-note{
  padding:28px !important;
}

#sslp-spiral-v2 .sp-panel::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:32px !important;
  bottom:32px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, transparent, var(--sp-gold), transparent) !important;
  opacity:.44 !important;
}

#sslp-spiral-v2 .sp-panel::after{
  content:"" !important;
  position:absolute !important;
  right:-118px !important;
  bottom:-130px !important;
  width:330px !important;
  height:330px !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.13) !important;
  box-shadow:
    0 0 0 46px rgba(200,161,90,.014),
    0 0 0 96px rgba(68,111,171,.010) !important;
  pointer-events:none !important;
  opacity:.48 !important;
}

#sslp-spiral-v2 .sp-note{
  background:
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.026)),
    radial-gradient(circle at 88% 12%, rgba(200,161,90,.12), transparent 32%) !important;
}

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

#sslp-spiral-v2 .sp-panel h2,
#sslp-spiral-v2 .sp-note h2{
  margin-bottom:14px !important;
}

#sslp-spiral-v2 .sp-panel p,
#sslp-spiral-v2 .sp-note p{
  margin-bottom:14px !important;
  font-size:15.5px !important;
  line-height:1.78 !important;
}

#sslp-spiral-v2 .sp-panel p:last-child,
#sslp-spiral-v2 .sp-note p:last-child{
  margin-bottom:0 !important;
}

#sslp-spiral-v2 .sp-note strong,
#sslp-spiral-v2 .sp-panel strong{
  color:var(--sp-ink) !important;
  font-weight:840 !important;
}


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

#sslp-spiral-v2 .sp-kompas,
#sslp-spiral-v2 .sp-meaning-grid,
#sslp-spiral-v2 .sp-four-grid,
#sslp-spiral-v2 .sp-habit-grid,
#sslp-spiral-v2 .sp-step-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

#sslp-spiral-v2 .sp-force-grid,
#sslp-spiral-v2 .sp-read-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
}

#sslp-spiral-v2 .sp-card,
#sslp-spiral-v2 .sp-read-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:188px !important;
  padding:22px !important;
  border:1px solid var(--sp-line) !important;
  border-radius:var(--sp-radius-lg) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(200,161,90,.090), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.062), rgba(255,255,255,.022)) !important;
  box-shadow:var(--sp-shadow-soft) !important;
}

#sslp-spiral-v2[data-theme="light"] .sp-card,
#sslp-spiral-v2[data-theme="light"] .sp-read-card{
  background:
    radial-gradient(circle at 86% 10%, rgba(159,116,48,.075), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.54)) !important;
  box-shadow:0 14px 38px rgba(24,33,48,.08) !important;
}

#sslp-spiral-v2 .sp-kompas .sp-card:nth-child(1),
#sslp-spiral-v2 .sp-meaning-grid .sp-card:nth-child(1),
#sslp-spiral-v2 .sp-four-grid .sp-card:nth-child(1),
#sslp-spiral-v2 .sp-habit-grid .sp-card:nth-child(1),
#sslp-spiral-v2 .sp-step-grid .sp-card:nth-child(1){
  border-radius:34px 24px 24px 24px !important;
}

#sslp-spiral-v2 .sp-kompas .sp-card:nth-child(2),
#sslp-spiral-v2 .sp-meaning-grid .sp-card:nth-child(2),
#sslp-spiral-v2 .sp-four-grid .sp-card:nth-child(2),
#sslp-spiral-v2 .sp-habit-grid .sp-card:nth-child(2),
#sslp-spiral-v2 .sp-step-grid .sp-card:nth-child(2){
  transform:translateY(14px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(68,111,171,.115), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#sslp-spiral-v2 .sp-kompas .sp-card:nth-child(3),
#sslp-spiral-v2 .sp-meaning-grid .sp-card:nth-child(3),
#sslp-spiral-v2 .sp-four-grid .sp-card:nth-child(3),
#sslp-spiral-v2 .sp-habit-grid .sp-card:nth-child(3),
#sslp-spiral-v2 .sp-step-grid .sp-card:nth-child(3){
  transform:translateY(30px) !important;
}

#sslp-spiral-v2 .sp-kompas .sp-card:nth-child(4),
#sslp-spiral-v2 .sp-meaning-grid .sp-card:nth-child(4),
#sslp-spiral-v2 .sp-four-grid .sp-card:nth-child(4),
#sslp-spiral-v2 .sp-habit-grid .sp-card:nth-child(4),
#sslp-spiral-v2 .sp-step-grid .sp-card:nth-child(4){
  transform:translateY(8px) !important;
  border-radius:24px 34px 24px 24px !important;
}

#sslp-spiral-v2 .sp-force-grid .sp-card:nth-child(2){
  transform:translateY(16px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(68,111,171,.110), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#sslp-spiral-v2 .sp-card::before,
#sslp-spiral-v2 .sp-read-card::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(200,161,90,.46), transparent) !important;
  opacity:.62 !important;
}

#sslp-spiral-v2 .sp-card::after,
#sslp-spiral-v2 .sp-read-card::after{
  content:"" !important;
  position:absolute !important;
  right:-46px !important;
  bottom:-50px !important;
  width:136px !important;
  height:136px !important;
  border-radius:50% !important;
  border:1px solid var(--sp-line-gold) !important;
  opacity:.42 !important;
  pointer-events:none !important;
}

#sslp-spiral-v2 .sp-card > *,
#sslp-spiral-v2 .sp-read-card > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-spiral-v2 .sp-label,
#sslp-spiral-v2 .sp-badge{
  display:inline-flex !important;
  color:var(--sp-gold) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#sslp-spiral-v2 .sp-label{
  margin-bottom:18px !important;
}

#sslp-spiral-v2 .sp-badge{
  min-height:30px !important;
  align-items:center !important;
  padding:6px 10px !important;
  margin-bottom:18px !important;
  border-radius:999px !important;
  border:1px solid var(--sp-line-gold) !important;
  background:rgba(200,161,90,.070) !important;
  white-space:nowrap !important;
}

#sslp-spiral-v2 .sp-card h3,
#sslp-spiral-v2 .sp-read-card h3{
  margin-bottom:9px !important;
}

#sslp-spiral-v2 .sp-card p,
#sslp-spiral-v2 .sp-read-card p{
  font-size:14px !important;
  line-height:1.66 !important;
}


/* =========================================================
   9. READ CARDS AND LINKS
========================================================= */

#sslp-spiral-v2 .sp-read-card{
  min-height:330px !important;
  padding:24px !important;
  border-color:var(--sp-line-gold) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(200,161,90,.12), transparent 32%),
    radial-gradient(circle at 12% 92%, rgba(68,111,171,.075), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.068), rgba(255,255,255,.024)) !important;
}

#sslp-spiral-v2 .sp-read-card:nth-child(2){
  transform:translateY(16px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(68,111,171,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.022)) !important;
}

#sslp-spiral-v2 .sp-read-card:nth-child(3){
  background:
    radial-gradient(circle at 12% 92%, rgba(68,111,171,.10), transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(200,161,90,.075), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.022)) !important;
}

#sslp-spiral-v2 .sp-links{
  display:grid !important;
  gap:9px !important;
  margin-top:20px !important;
}

#sslp-spiral-v2 .sp-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(--sp-line) !important;
  background:rgba(255,255,255,.045) !important;
  transition:transform .24s ease, background .24s ease, border-color .24s ease !important;
}

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

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

#sslp-spiral-v2 .sp-link:hover{
  transform:translateX(4px) !important;
  border-color:var(--sp-line-gold-2) !important;
  background:var(--sp-card-2) !important;
}

#sslp-spiral-v2 .sp-link span:first-child{
  color:var(--sp-ink) !important;
  font-size:13.5px !important;
  font-weight:760 !important;
  line-height:1.38 !important;
}

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


/* =========================================================
   10. QUIET TABS
========================================================= */

#sslp-spiral-v2 .sp-tabs{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--sp-line-gold) !important;
  border-radius:var(--sp-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(200,161,90,.11), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(68,111,171,.08), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
  box-shadow:var(--sp-shadow) !important;
}

#sslp-spiral-v2 .sp-tabs::before{
  content:"" !important;
  position:absolute !important;
  right:-120px !important;
  bottom:-130px !important;
  width:330px !important;
  height:330px !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.12) !important;
  box-shadow:
    0 0 0 48px rgba(200,161,90,.014),
    0 0 0 96px rgba(68,111,171,.010) !important;
  opacity:.44 !important;
  pointer-events:none !important;
}

#sslp-spiral-v2[data-theme="light"] .sp-tabs{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(55,91,137,.065), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.62)) !important;
}

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

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

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

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

#sslp-spiral-v2 .sp-tab-panel.is-active{
  display:block !important;
}

#sslp-spiral-v2 .sp-tab-grid{
  display:grid !important;
  grid-template-columns:minmax(0, .82fr) minmax(280px, .55fr) !important;
  gap:22px !important;
  align-items:start !important;
}

#sslp-spiral-v2 .sp-tab-panel h3{
  margin-bottom:10px !important;
  font-size:clamp(22px, 1.9vw, 28px) !important;
}

#sslp-spiral-v2 .sp-tab-panel p{
  margin-bottom:14px !important;
  font-size:15px !important;
  line-height:1.76 !important;
}

#sslp-spiral-v2 .sp-tab-panel p:last-child{
  margin-bottom:0 !important;
}

#sslp-spiral-v2 .sp-tab-panel strong{
  color:var(--sp-ink) !important;
  font-weight:840 !important;
}

#sslp-spiral-v2 .sp-mini-stack{
  display:grid !important;
  gap:12px !important;
}

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

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

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

#sslp-spiral-v2 .sp-mini strong{
  display:block !important;
  margin-bottom:4px !important;
  color:var(--sp-ink) !important;
  font-size:13.5px !important;
  font-weight:820 !important;
}

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


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

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

#sslp-spiral-v2 .sp-pause-box,
#sslp-spiral-v2 .sslp-pause-box.sp-pause-box{
  position:relative !important;
  overflow:hidden !important;
  padding:34px !important;
}

#sslp-spiral-v2 .sp-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(--sp-gold), transparent) !important;
  opacity:.42 !important;
}

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

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

#sslp-spiral-v2 .sp-pause-content p{
  font-size:16px !important;
  line-height:1.76 !important;
}

#sslp-spiral-v2 .sp-pause-mark{
  position:absolute !important;
  right:28px !important;
  bottom:-52px !important;
  color:rgba(200,161,90,.18) !important;
  font-family:var(--sp-serif) !important;
  font-size:180px !important;
  line-height:1 !important;
  pointer-events:none !important;
}


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

#sslp-spiral-v2 .sp-faq-wrap{
  position:relative !important;
  overflow:hidden !important;
}

#sslp-spiral-v2 .sp-faq-wrap::before{
  content:"" !important;
  position:absolute !important;
  right:-96px !important;
  bottom:-112px !important;
  width:270px !important;
  height:270px !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.12) !important;
  opacity:.42 !important;
  pointer-events:none !important;
}

#sslp-spiral-v2 .sp-faq-item{
  position:relative !important;
  z-index:2 !important;
}

#sslp-spiral-v2 .sp-faq-item + .sp-faq-item{
  border-top:1px solid var(--sp-line) !important;
}

#sslp-spiral-v2 .sp-faq-question{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:20px 22px !important;
  background:transparent !important;
  color:var(--sp-ink) !important;
  text-align:left !important;
  font-weight:780 !important;
}

#sslp-spiral-v2 .sp-faq-question span:first-child{
  font-family:var(--sp-serif) !important;
  font-size:18px !important;
  line-height:1.28 !important;
  letter-spacing:-.010em !important;
}

#sslp-spiral-v2 .sp-faq-icon{
  width:30px !important;
  height:30px !important;
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid rgba(200,161,90,.24) !important;
  color:var(--sp-gold) !important;
  background:rgba(200,161,90,.08) !important;
  font-size:18px !important;
  line-height:1 !important;
  transition:transform .22s ease !important;
}

#sslp-spiral-v2 .sp-faq-answer{
  display:none !important;
  padding:0 22px 22px !important;
}

#sslp-spiral-v2 .sp-faq-item.is-open .sp-faq-answer{
  display:block !important;
}

#sslp-spiral-v2 .sp-faq-item.is-open .sp-faq-icon{
  transform:rotate(45deg) !important;
}

#sslp-spiral-v2 .sp-faq-answer p{
  font-size:15px !important;
  line-height:1.72 !important;
}


/* =========================================================
   13. CTA
========================================================= */

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

#sslp-spiral-v2 .sp-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(224,192,121,.13), transparent 68%) !important;
  pointer-events:none !important;
}

#sslp-spiral-v2 .sp-cta > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-spiral-v2 .sp-cta h2{
  margin-bottom:10px !important;
}

#sslp-spiral-v2 .sp-cta p{
  max-width:730px !important;
  font-size:15.5px !important;
  line-height:1.74 !important;
}


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

@media (max-width:980px){
  #sslp-spiral-v2 .sp-hero-grid,
  #sslp-spiral-v2 .sp-section-head,
  #sslp-spiral-v2 .sp-split,
  #sslp-spiral-v2 .sp-tab-grid,
  #sslp-spiral-v2 .sp-cta{
    grid-template-columns:1fr !important;
  }

  #sslp-spiral-v2 .sp-kompas,
  #sslp-spiral-v2 .sp-meaning-grid,
  #sslp-spiral-v2 .sp-four-grid,
  #sslp-spiral-v2 .sp-habit-grid,
  #sslp-spiral-v2 .sp-step-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #sslp-spiral-v2 .sp-force-grid,
  #sslp-spiral-v2 .sp-read-grid{
    grid-template-columns:1fr !important;
  }

  #sslp-spiral-v2 .sp-kompas .sp-card:nth-child(1),
  #sslp-spiral-v2 .sp-kompas .sp-card:nth-child(2),
  #sslp-spiral-v2 .sp-kompas .sp-card:nth-child(3),
  #sslp-spiral-v2 .sp-kompas .sp-card:nth-child(4),
  #sslp-spiral-v2 .sp-meaning-grid .sp-card:nth-child(1),
  #sslp-spiral-v2 .sp-meaning-grid .sp-card:nth-child(2),
  #sslp-spiral-v2 .sp-meaning-grid .sp-card:nth-child(3),
  #sslp-spiral-v2 .sp-meaning-grid .sp-card:nth-child(4),
  #sslp-spiral-v2 .sp-four-grid .sp-card:nth-child(1),
  #sslp-spiral-v2 .sp-four-grid .sp-card:nth-child(2),
  #sslp-spiral-v2 .sp-four-grid .sp-card:nth-child(3),
  #sslp-spiral-v2 .sp-four-grid .sp-card:nth-child(4),
  #sslp-spiral-v2 .sp-habit-grid .sp-card:nth-child(1),
  #sslp-spiral-v2 .sp-habit-grid .sp-card:nth-child(2),
  #sslp-spiral-v2 .sp-habit-grid .sp-card:nth-child(3),
  #sslp-spiral-v2 .sp-habit-grid .sp-card:nth-child(4),
  #sslp-spiral-v2 .sp-step-grid .sp-card:nth-child(1),
  #sslp-spiral-v2 .sp-step-grid .sp-card:nth-child(2),
  #sslp-spiral-v2 .sp-step-grid .sp-card:nth-child(3),
  #sslp-spiral-v2 .sp-step-grid .sp-card:nth-child(4),
  #sslp-spiral-v2 .sp-force-grid .sp-card:nth-child(2),
  #sslp-spiral-v2 .sp-read-card:nth-child(2){
    transform:none !important;
  }

  #sslp-spiral-v2 .sp-visual{
    min-height:440px !important;
  }

  #sslp-spiral-v2 .sp-read-card{
    min-height:auto !important;
  }
}

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

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

  #sslp-spiral-v2 .sp-brand{
    white-space:normal !important;
  }

  #sslp-spiral-v2 .sp-hero{
    padding:42px 0 34px !important;
  }

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

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

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

  #sslp-spiral-v2 .sp-lead,
  #sslp-spiral-v2 .sp-section-desc{
    font-size:15px !important;
    line-height:1.68 !important;
  }

  #sslp-spiral-v2 .sp-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #sslp-spiral-v2 .sp-btn{
    width:100% !important;
  }

  #sslp-spiral-v2 .sp-visual{
    min-height:420px !important;
    border-radius:26px !important;
  }

  #sslp-spiral-v2 .sp-orbit-field{
    inset:16px !important;
  }

  #sslp-spiral-v2 .sp-visual::after{
    width:82% !important;
  }

  #sslp-spiral-v2 .sp-core{
    width:116px !important;
    height:116px !important;
    font-size:16px !important;
  }

  #sslp-spiral-v2 .sp-node{
    width:124px !important;
    min-height:64px !important;
    padding:10px 11px !important;
  }

  #sslp-spiral-v2 .sp-node strong{
    font-size:9.8px !important;
  }

  #sslp-spiral-v2 .sp-node span{
    font-size:11.5px !important;
  }

  #sslp-spiral-v2 .sp-node-1{
    left:14px !important;
    top:54px !important;
  }

  #sslp-spiral-v2 .sp-node-2{
    right:14px !important;
    top:92px !important;
  }

  #sslp-spiral-v2 .sp-node-3{
    left:14px !important;
    bottom:78px !important;
  }

  #sslp-spiral-v2 .sp-node-4{
    right:14px !important;
    bottom:48px !important;
  }

  #sslp-spiral-v2 .sp-kompas,
  #sslp-spiral-v2 .sp-meaning-grid,
  #sslp-spiral-v2 .sp-four-grid,
  #sslp-spiral-v2 .sp-habit-grid,
  #sslp-spiral-v2 .sp-step-grid{
    grid-template-columns:1fr !important;
  }

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

  #sslp-spiral-v2 .sp-panel,
  #sslp-spiral-v2 .sp-note,
  #sslp-spiral-v2 .sp-card,
  #sslp-spiral-v2 .sp-read-card,
  #sslp-spiral-v2 .sp-tab-panel,
  #sslp-spiral-v2 .sp-pause-box,
  #sslp-spiral-v2 .sp-cta{
    padding:22px !important;
    border-radius:24px !important;
  }

  #sslp-spiral-v2 .sp-tab-nav{
    padding:14px !important;
  }

  #sslp-spiral-v2 .sp-tab-btn{
    min-height:36px !important;
    font-size:11.5px !important;
  }

  #sslp-spiral-v2 .sp-faq-question{
    align-items:flex-start !important;
    padding:18px !important;
  }

  #sslp-spiral-v2 .sp-faq-answer{
    padding:0 18px 19px !important;
  }

  #sslp-spiral-v2 .sp-pause-mark{
    right:16px !important;
    bottom:-34px !important;
    font-size:132px !important;
  }
}

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

  #sslp-spiral-v2 .sp-core{
    width:104px !important;
    height:104px !important;
    font-size:14px !important;
  }

  #sslp-spiral-v2 .sp-node{
    width:112px !important;
    min-height:60px !important;
    padding:9px 10px !important;
  }

  #sslp-spiral-v2 .sp-node strong{
    font-size:9.2px !important;
  }

  #sslp-spiral-v2 .sp-node span{
    font-size:10.7px !important;
  }

  #sslp-spiral-v2 .sp-node-1{
    left:9px !important;
    top:48px !important;
  }

  #sslp-spiral-v2 .sp-node-2{
    right:9px !important;
    top:86px !important;
  }

  #sslp-spiral-v2 .sp-node-3{
    left:9px !important;
    bottom:72px !important;
  }

  #sslp-spiral-v2 .sp-node-4{
    right:9px !important;
    bottom:42px !important;
  }

  #sslp-spiral-v2 .sp-card,
  #sslp-spiral-v2 .sp-read-card{
    min-height:auto !important;
  }
}

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