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

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

#ss-origin-v2{
  --ssov2-bg:#07101d;
  --ssov2-bg-deep:#040a13;

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

  --ssov2-border:rgba(214,180,112,.22);
  --ssov2-border-strong:rgba(214,180,112,.38);
  --ssov2-border-soft:rgba(255,255,255,.10);

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

  --ssov2-gold:#c8a15a;
  --ssov2-gold-2:#e5c47c;

  --ssov2-blue:#20354b;
  --ssov2-blue-soft:rgba(76,116,172,.15);
  --ssov2-ash:#8f98a5;
  --ssov2-rust:#8a5a41;

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

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

  --ssov2-max:1180px;
  --ssov2-serif:Georgia, "Times New Roman", serif;
  --ssov2-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(--ssov2-text) !important;
  background:
    radial-gradient(circle at 13% 7%, rgba(200,161,90,.16), transparent 31%),
    radial-gradient(circle at 83% 11%, rgba(76,116,172,.16), transparent 35%),
    radial-gradient(circle at 52% 92%, rgba(200,161,90,.08), transparent 34%),
    linear-gradient(90deg, rgba(200,161,90,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--ssov2-bg-deep) 0%, var(--ssov2-bg) 44%, #0d1d32 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;

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

#ss-origin-v2[data-theme="light"]{
  --ssov2-bg:#f6f1e8;
  --ssov2-bg-deep:#fbf7ef;

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

  --ssov2-border:rgba(111,78,34,.20);
  --ssov2-border-strong:rgba(111,78,34,.34);
  --ssov2-border-soft:rgba(30,45,66,.12);

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

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

  --ssov2-blue:#e7eef7;
  --ssov2-blue-soft:rgba(55,91,137,.10);

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

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


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

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

#ss-origin-v2 h1,
#ss-origin-v2 h2,
#ss-origin-v2 h3,
#ss-origin-v2 h4{
  color:var(--ssov2-text) !important;
  margin-top:0 !important;
  text-transform:none !important;
}

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

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

#ss-origin-v2 button{
  appearance:none !important;
  -webkit-appearance:none !important;
  font:inherit !important;
  border:0 !important;
  outline:none !important;
}


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

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

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

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

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

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

#ss-origin-v2 h1{
  max-width:860px !important;
  margin:0 0 20px !important;
  font-family:var(--ssov2-serif) !important;
  font-size:clamp(34px, 3.8vw, 52px) !important;
  line-height:1.05 !important;
  letter-spacing:-.038em !important;
  font-weight:720 !important;
}

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

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


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

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

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

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

#ss-origin-v2 .ssov2-pill,
#ss-origin-v2 .ssov2-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(--ssov2-border-soft) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  color:var(--ssov2-muted) !important;
  font-size:11.5px !important;
  font-weight:760 !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  transition:transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease !important;
}

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

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

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


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

#ss-origin-v2 .ssov2-hero{
  position:relative !important;
  padding:58px 0 46px !important;
}

#ss-origin-v2 .ssov2-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.04fr) minmax(320px, .96fr) !important;
  gap:38px !important;
  align-items:center !important;
}

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

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

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

#ss-origin-v2 .ssov2-hero-lead{
  max-width:730px !important;
  margin:0 0 24px !important;
  color:var(--ssov2-muted) !important;
  font-size:clamp(15.5px, 1.18vw, 17.5px) !important;
  line-height:1.74 !important;
}

#ss-origin-v2 .ssov2-quote{
  max-width:720px !important;
  margin:0 0 26px !important;
  padding:16px 18px !important;
  border-left:2px solid var(--ssov2-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(--ssov2-text) !important;
  font-family:var(--ssov2-serif) !important;
  font-size:clamp(17px, 1.5vw, 21px) !important;
  line-height:1.48 !important;
  letter-spacing:-.018em !important;
}

#ss-origin-v2 .ssov2-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:24px !important;
}

#ss-origin-v2 .ssov2-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(--ssov2-border) !important;
  font-size:12.5px !important;
  font-weight:820 !important;
  line-height:1.2 !important;
  letter-spacing:.035em !important;
  transition:transform .25s ease, background .25s ease, border-color .25s ease !important;
}

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

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

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

#ss-origin-v2 .ssov2-btn:hover{
  transform:translateY(-3px) !important;
  border-color:var(--ssov2-gold) !important;
}


/* =========================================================
   5. HERO VISUAL: RERUNTUHAN MENJADI PETA
========================================================= */

#ss-origin-v2 .ssov2-visual{
  position:relative !important;
  min-height:500px !important;
  border:1px solid var(--ssov2-border) !important;
  border-radius:var(--ssov2-radius-xl) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03)),
    radial-gradient(circle at 50% 52%, rgba(200,161,90,.18), transparent 35%),
    linear-gradient(145deg, rgba(9,18,32,.98), rgba(18,39,64,.62)) !important;
  box-shadow:var(--ssov2-shadow) !important;
  overflow:hidden !important;
}

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

#ss-origin-v2 .ssov2-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% 54%, rgba(224,192,121,.18), transparent 0 12%, transparent 13%),
    radial-gradient(circle at 50% 54%, transparent 0 34%, rgba(255,255,255,.09) 34.3% 34.8%, transparent 35%),
    radial-gradient(circle at 50% 54%, transparent 0 58%, rgba(200,161,90,.12) 58.3% 58.8%, transparent 59%),
    linear-gradient(135deg, rgba(255,255,255,.035), transparent) !important;
}

#ss-origin-v2 .ssov2-visual-field::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.045) 50%, transparent 50.2%),
    linear-gradient(0deg, transparent 49.8%, rgba(255,255,255,.035) 50%, transparent 50.2%) !important;
  opacity:.55 !important;
}

#ss-origin-v2 .ssov2-ruins{
  position:absolute !important;
  left:50% !important;
  bottom:76px !important;
  width:74% !important;
  height:118px !important;
  transform:translateX(-50%) !important;
  z-index:2 !important;
  opacity:.95 !important;
  background:
    linear-gradient(110deg, transparent 0 7%, rgba(255,255,255,.08) 7% 8%, transparent 8% 16%, rgba(200,161,90,.15) 16% 17%, transparent 17% 34%, rgba(255,255,255,.075) 34% 35%, transparent 35% 54%, rgba(200,161,90,.12) 54% 55%, transparent 55% 76%, rgba(255,255,255,.065) 76% 77%, transparent 77%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 17px) !important;
  border-bottom:1px solid rgba(224,192,121,.24) !important;
  border-radius:30px 30px 18px 18px !important;
}

#ss-origin-v2 .ssov2-core{
  position:absolute !important;
  left:50% !important;
  top:48% !important;
  width:150px !important;
  height:150px !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,.26), rgba(14,27,46,.98) 68%) !important;
  box-shadow:0 0 82px rgba(200,161,90,.20) !important;
  color:var(--ssov2-text) !important;
  font-family:var(--ssov2-serif) !important;
  font-size:17px !important;
  line-height:1.16 !important;
  letter-spacing:-.02em !important;
  z-index:4 !important;
}

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

#ss-origin-v2 .ssov2-thread{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:72% !important;
  height:72% !important;
  transform:translate(-50%, -50%) rotate(-14deg) !important;
  border-radius:47% 53% 48% 52% !important;
  border:1px solid rgba(224,192,121,.28) !important;
  border-left-color:transparent !important;
  border-bottom-color:rgba(224,192,121,.08) !important;
  z-index:3 !important;
}

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

#ss-origin-v2 .ssov2-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(--ssov2-gold) !important;
  box-shadow:0 0 18px rgba(200,161,90,.32) !important;
  opacity:.75 !important;
}

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

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

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

#ss-origin-v2 .node-1{
  left:50% !important;
  top:38px !important;
  transform:translateX(-50%) !important;
}

#ss-origin-v2 .node-2{
  right:36px !important;
  top:142px !important;
}

#ss-origin-v2 .node-3{
  right:48px !important;
  bottom:78px !important;
}

#ss-origin-v2 .node-4{
  left:48px !important;
  bottom:78px !important;
}

#ss-origin-v2 .node-5{
  left:36px !important;
  top:142px !important;
}


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

#ss-origin-v2 .ssov2-section{
  padding:48px 0 !important;
  scroll-margin-top:96px !important;
}

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

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

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

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


/* =========================================================
   7. MAIN PANELS AND STATEMENT
========================================================= */

#ss-origin-v2 .ssov2-panel,
#ss-origin-v2 .ssov2-statement,
#ss-origin-v2 .ssov2-note,
#ss-origin-v2 .ssov2-pause-box{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--ssov2-border) !important;
  border-radius:var(--ssov2-radius-xl) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)),
    radial-gradient(circle at 12% 18%, rgba(200,161,90,.12), transparent 34%) !important;
  box-shadow:var(--ssov2-shadow) !important;
}

#ss-origin-v2[data-theme="light"] .ssov2-panel,
#ss-origin-v2[data-theme="light"] .ssov2-statement,
#ss-origin-v2[data-theme="light"] .ssov2-note,
#ss-origin-v2[data-theme="light"] .ssov2-pause-box{
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.62)),
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%) !important;
}

#ss-origin-v2 .ssov2-panel,
#ss-origin-v2 .ssov2-statement,
#ss-origin-v2 .ssov2-note{
  padding:28px !important;
}

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

#ss-origin-v2 .ssov2-statement::after,
#ss-origin-v2 .ssov2-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(76,116,172,.010) !important;
  pointer-events:none !important;
  opacity:.48 !important;
}

#ss-origin-v2 .ssov2-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;
}

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

#ss-origin-v2 .ssov2-panel > *,
#ss-origin-v2 .ssov2-statement > *,
#ss-origin-v2 .ssov2-note > *{
  position:relative !important;
  z-index:2 !important;
}

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

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

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


/* =========================================================
   8. EDITORIAL CARDS
========================================================= */

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

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

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

#ss-origin-v2 .ssov2-card,
#ss-origin-v2 .ssov2-flow,
#ss-origin-v2 .ssov2-fragment,
#ss-origin-v2 .ssov2-read-card,
#ss-origin-v2 .ssov2-faq-item{
  position:relative !important;
  overflow:hidden !important;
  min-height:188px !important;
  padding:21px !important;
  border-radius:var(--ssov2-radius-lg) !important;
  border:1px solid var(--ssov2-border-soft) !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(--ssov2-shadow-soft) !important;
}

#ss-origin-v2 .ssov2-compass-grid .ssov2-card:nth-child(1),
#ss-origin-v2 .ssov2-meaning-grid .ssov2-card:nth-child(1),
#ss-origin-v2 .ssov2-rmi-grid .ssov2-card:nth-child(1){
  border-radius:34px 24px 24px 24px !important;
}

#ss-origin-v2 .ssov2-compass-grid .ssov2-card:nth-child(2),
#ss-origin-v2 .ssov2-meaning-grid .ssov2-card:nth-child(2),
#ss-origin-v2 .ssov2-rmi-grid .ssov2-card:nth-child(2){
  transform:translateY(14px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(76,116,172,.115), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#ss-origin-v2 .ssov2-compass-grid .ssov2-card:nth-child(3),
#ss-origin-v2 .ssov2-meaning-grid .ssov2-card:nth-child(3),
#ss-origin-v2 .ssov2-rmi-grid .ssov2-card:nth-child(3){
  transform:translateY(30px) !important;
}

#ss-origin-v2 .ssov2-compass-grid .ssov2-card:nth-child(4),
#ss-origin-v2 .ssov2-meaning-grid .ssov2-card:nth-child(4),
#ss-origin-v2 .ssov2-rmi-grid .ssov2-card:nth-child(4){
  transform:translateY(8px) !important;
  border-radius:24px 34px 24px 24px !important;
}

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

#ss-origin-v2 .ssov2-card::after,
#ss-origin-v2 .ssov2-flow::after,
#ss-origin-v2 .ssov2-fragment::after,
#ss-origin-v2 .ssov2-read-card::after{
  content:"" !important;
  position:absolute !important;
  right:-48px !important;
  bottom:-58px !important;
  width:142px !important;
  height:142px !important;
  border-radius:50% !important;
  border:1px solid rgba(200,161,90,.12) !important;
  opacity:.42 !important;
  pointer-events:none !important;
}

#ss-origin-v2 .ssov2-card > *,
#ss-origin-v2 .ssov2-flow > *,
#ss-origin-v2 .ssov2-fragment > *,
#ss-origin-v2 .ssov2-read-card > *{
  position:relative !important;
  z-index:2 !important;
}

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

#ss-origin-v2 .ssov2-card p,
#ss-origin-v2 .ssov2-flow p,
#ss-origin-v2 .ssov2-fragment p,
#ss-origin-v2 .ssov2-read-card p{
  margin:0 !important;
  color:var(--ssov2-muted) !important;
  font-size:14px !important;
  line-height:1.66 !important;
}

#ss-origin-v2[data-theme="light"] .ssov2-card,
#ss-origin-v2[data-theme="light"] .ssov2-flow,
#ss-origin-v2[data-theme="light"] .ssov2-fragment,
#ss-origin-v2[data-theme="light"] .ssov2-read-card,
#ss-origin-v2[data-theme="light"] .ssov2-faq-item{
  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;
}


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

#ss-origin-v2 .ssov2-fragment:nth-child(2),
#ss-origin-v2 .ssov2-fragment:nth-child(6),
#ss-origin-v2 .ssov2-read-card:nth-child(2),
#ss-origin-v2 .ssov2-read-card:nth-child(5){
  transform:translateY(14px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(76,116,172,.105), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.056), rgba(255,255,255,.020)) !important;
}

#ss-origin-v2 .ssov2-fragment:nth-child(4),
#ss-origin-v2 .ssov2-fragment:nth-child(8),
#ss-origin-v2 .ssov2-read-card:nth-child(3),
#ss-origin-v2 .ssov2-read-card:nth-child(6){
  background:
    radial-gradient(circle at 12% 90%, rgba(76,116,172,.085), transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(200,161,90,.065), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#ss-origin-v2 .ssov2-flow,
#ss-origin-v2 .ssov2-read-card{
  min-height:260px !important;
}


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

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

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

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

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

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

#ss-origin-v2 .ssov2-link span:first-child{
  color:var(--ssov2-text) !important;
  font-size:13.5px !important;
  font-weight:760 !important;
  line-height:1.38 !important;
}

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


/* =========================================================
   11. ORIGIN TIMELINE
========================================================= */

#ss-origin-v2 .ssov2-origin-timeline{
  position:relative !important;
  display:grid !important;
  gap:16px !important;
}

#ss-origin-v2 .ssov2-origin-timeline::before{
  content:"" !important;
  position:absolute !important;
  left:35px !important;
  top:22px !important;
  bottom:22px !important;
  width:1px !important;
  background:linear-gradient(to bottom, transparent, rgba(200,161,90,.42), transparent) !important;
  pointer-events:none !important;
}

#ss-origin-v2 .ssov2-origin-step{
  position:relative !important;
  display:grid !important;
  grid-template-columns:70px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  padding:20px !important;
  border-radius:var(--ssov2-radius-lg) !important;
  border:1px solid var(--ssov2-border-soft) !important;
  background:
    radial-gradient(circle at 92% 14%, rgba(200,161,90,.070), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
  box-shadow:var(--ssov2-shadow-soft) !important;
  overflow:hidden !important;
}

#ss-origin-v2 .ssov2-origin-step::after{
  content:"" !important;
  position:absolute !important;
  left:20px !important;
  right:20px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(200,161,90,.42), transparent) !important;
  opacity:.60 !important;
}

#ss-origin-v2[data-theme="light"] .ssov2-origin-step{
  background:
    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;
}

#ss-origin-v2 .ssov2-step-number{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  place-items:center !important;
  min-height:70px !important;
  border-radius:20px !important;
  border:1px solid var(--ssov2-border) !important;
  color:var(--ssov2-gold) !important;
  font-weight:850 !important;
  letter-spacing:.1em !important;
  background:rgba(200,161,90,.08) !important;
}

#ss-origin-v2 .ssov2-origin-step > div:last-child{
  position:relative !important;
  z-index:2 !important;
}

#ss-origin-v2 .ssov2-origin-step p{
  margin:0 !important;
  color:var(--ssov2-muted) !important;
  font-size:14.5px !important;
  line-height:1.68 !important;
}


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

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

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

#ss-origin-v2 .ssov2-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(--ssov2-gold), transparent) !important;
  opacity:.42 !important;
}

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

#ss-origin-v2 .sslp-pause-content h2{
  margin-bottom:12px !important;
}

#ss-origin-v2 .sslp-pause-content p{
  margin:0 !important;
  color:var(--ssov2-muted) !important;
  font-size:16px !important;
  line-height:1.78 !important;
}

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


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

#ss-origin-v2 .ssov2-faq-list{
  display:grid !important;
  gap:12px !important;
}

#ss-origin-v2 .ssov2-faq-item{
  min-height:unset !important;
  padding:0 !important;
  border-radius:22px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)) !important;
}

#ss-origin-v2 .ssov2-faq-question{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:18px 20px !important;
  color:var(--ssov2-text) !important;
  background:transparent !important;
  cursor:pointer !important;
  text-align:left !important;
  font-weight:820 !important;
}

#ss-origin-v2 .ssov2-faq-question span:first-child{
  color:var(--ssov2-text) !important;
  font-family:var(--ssov2-serif) !important;
  font-size:clamp(18px, 1.35vw, 22px) !important;
  line-height:1.25 !important;
  letter-spacing:-.018em !important;
  font-weight:700 !important;
}

#ss-origin-v2 .ssov2-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(--ssov2-gold) !important;
  background:rgba(200,161,90,.08) !important;
  transition:transform .22s ease !important;
}

#ss-origin-v2 .ssov2-faq-item.is-open{
  border-color:var(--ssov2-border) !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(200,161,90,.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.026)) !important;
}

#ss-origin-v2 .ssov2-faq-item.is-open .ssov2-faq-icon{
  transform:rotate(45deg) !important;
}

#ss-origin-v2 .ssov2-faq-answer{
  display:none !important;
  padding:0 20px 18px !important;
}

#ss-origin-v2 .ssov2-faq-item.is-open .ssov2-faq-answer{
  display:block !important;
}

#ss-origin-v2 .ssov2-faq-answer p{
  margin:0 !important;
  color:var(--ssov2-muted) !important;
  font-size:14.5px !important;
  line-height:1.7 !important;
}


/* =========================================================
   14. CTA AND FOOTER
========================================================= */

#ss-origin-v2 .ssov2-cta{
  position:relative !important;
  overflow:hidden !important;
  margin:54px 0 66px !important;
  padding:34px !important;
  border-radius:var(--ssov2-radius-xl) !important;
  border:1px solid var(--ssov2-border) !important;
  background:
    radial-gradient(circle at 12% 30%, rgba(200,161,90,.13), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(77,118,172,.14), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
  box-shadow:var(--ssov2-shadow) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:24px !important;
  align-items:center !important;
}

#ss-origin-v2 .ssov2-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;
}

#ss-origin-v2[data-theme="light"] .ssov2-cta{
  background:
    radial-gradient(circle at 12% 30%, rgba(159,116,48,.11), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(55,91,137,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)) !important;
}

#ss-origin-v2 .ssov2-cta > *{
  position:relative !important;
  z-index:2 !important;
}

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

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

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

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

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


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

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

  #ss-origin-v2 .ssov2-compass-grid,
  #ss-origin-v2 .ssov2-meaning-grid,
  #ss-origin-v2 .ssov2-rmi-grid,
  #ss-origin-v2 .ssov2-fragment-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #ss-origin-v2 .ssov2-flow-grid,
  #ss-origin-v2 .ssov2-read-grid{
    grid-template-columns:1fr !important;
  }

  #ss-origin-v2 .ssov2-compass-grid .ssov2-card:nth-child(1),
  #ss-origin-v2 .ssov2-compass-grid .ssov2-card:nth-child(2),
  #ss-origin-v2 .ssov2-compass-grid .ssov2-card:nth-child(3),
  #ss-origin-v2 .ssov2-compass-grid .ssov2-card:nth-child(4),
  #ss-origin-v2 .ssov2-meaning-grid .ssov2-card:nth-child(1),
  #ss-origin-v2 .ssov2-meaning-grid .ssov2-card:nth-child(2),
  #ss-origin-v2 .ssov2-meaning-grid .ssov2-card:nth-child(3),
  #ss-origin-v2 .ssov2-meaning-grid .ssov2-card:nth-child(4),
  #ss-origin-v2 .ssov2-rmi-grid .ssov2-card:nth-child(1),
  #ss-origin-v2 .ssov2-rmi-grid .ssov2-card:nth-child(2),
  #ss-origin-v2 .ssov2-rmi-grid .ssov2-card:nth-child(3),
  #ss-origin-v2 .ssov2-rmi-grid .ssov2-card:nth-child(4),
  #ss-origin-v2 .ssov2-fragment:nth-child(2),
  #ss-origin-v2 .ssov2-fragment:nth-child(6),
  #ss-origin-v2 .ssov2-read-card:nth-child(2),
  #ss-origin-v2 .ssov2-read-card:nth-child(5){
    transform:none !important;
  }

  #ss-origin-v2 .ssov2-visual{
    min-height:450px !important;
  }
}

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

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

  #ss-origin-v2 .ssov2-brand{
    white-space:normal !important;
  }

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

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

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

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

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

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

  #ss-origin-v2 .ssov2-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #ss-origin-v2 .ssov2-btn{
    width:100% !important;
  }

  #ss-origin-v2 .ssov2-visual{
    min-height:430px !important;
    border-radius:26px !important;
  }

  #ss-origin-v2 .ssov2-visual-field{
    inset:16px !important;
  }

  #ss-origin-v2 .ssov2-core{
    width:118px !important;
    height:118px !important;
    font-size:15.5px !important;
  }

  #ss-origin-v2 .ssov2-node{
    width:122px !important;
    min-height:64px !important;
    padding:10px 11px !important;
  }

  #ss-origin-v2 .ssov2-node span{
    font-size:11.5px !important;
  }

  #ss-origin-v2 .node-1{
    top:34px !important;
  }

  #ss-origin-v2 .node-2{
    right:14px !important;
    top:132px !important;
  }

  #ss-origin-v2 .node-3{
    right:18px !important;
    bottom:48px !important;
  }

  #ss-origin-v2 .node-4{
    left:18px !important;
    bottom:48px !important;
  }

  #ss-origin-v2 .node-5{
    left:14px !important;
    top:132px !important;
  }

  #ss-origin-v2 .ssov2-compass-grid,
  #ss-origin-v2 .ssov2-meaning-grid,
  #ss-origin-v2 .ssov2-rmi-grid,
  #ss-origin-v2 .ssov2-fragment-grid{
    grid-template-columns:1fr !important;
  }

  #ss-origin-v2 .ssov2-origin-step{
    grid-template-columns:1fr !important;
  }

  #ss-origin-v2 .ssov2-origin-timeline::before{
    display:none !important;
  }

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

  #ss-origin-v2 .ssov2-card,
  #ss-origin-v2 .ssov2-flow,
  #ss-origin-v2 .ssov2-fragment,
  #ss-origin-v2 .ssov2-read-card,
  #ss-origin-v2 .ssov2-statement,
  #ss-origin-v2 .ssov2-note,
  #ss-origin-v2 .ssov2-panel,
  #ss-origin-v2 .ssov2-cta,
  #ss-origin-v2 .sslp-pause-box{
    padding:22px !important;
    border-radius:24px !important;
  }

  #ss-origin-v2 .sslp-pause-mark{
    right:18px !important;
    bottom:-22px !important;
    font-size:126px !important;
  }
}

@media (max-width:480px){
  #ss-origin-v2 .ssov2-visual{
    min-height:410px !important;
  }

  #ss-origin-v2 .ssov2-core{
    width:104px !important;
    height:104px !important;
    font-size:14px !important;
  }

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

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

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

  #ss-origin-v2 .node-1{
    top:28px !important;
  }

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

  #ss-origin-v2 .node-3{
    right:10px !important;
    bottom:44px !important;
  }

  #ss-origin-v2 .node-4{
    left:10px !important;
    bottom:44px !important;
  }

  #ss-origin-v2 .node-5{
    left:10px !important;
    top:120px !important;
  }
}

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