/* =========================================================
   01. HARD SCOPE RESET
========================================================= */

#ssovp-top,
#ssovp-top *,
#ssovp-top *::before,
#ssovp-top *::after{
  box-sizing:border-box !important;
}

#ssovp-top{
  --ssovp-bg:#06101b;
  --ssovp-bg2:#0b1826;
  --ssovp-bg3:#101f2c;

  --ssovp-text:#f3ead8;
  --ssovp-text-strong:#fff7e7;
  --ssovp-muted:rgba(243,234,216,.74);
  --ssovp-soft:rgba(243,234,216,.56);
  --ssovp-faint:rgba(243,234,216,.40);

  --ssovp-card:rgba(8,20,32,.78);
  --ssovp-card2:rgba(255,255,255,.060);
  --ssovp-card3:rgba(255,255,255,.092);
  --ssovp-panel:rgba(255,255,255,.050);

  --ssovp-line:rgba(246,234,208,.12);
  --ssovp-line-soft:rgba(246,234,208,.075);
  --ssovp-line-strong:rgba(200,169,107,.38);

  --ssovp-red:#8f2424;
  --ssovp-red-soft:rgba(143,36,36,.12);
  --ssovp-red-line:rgba(143,36,36,.34);

  --ssovp-gold:#c8a96b;
  --ssovp-gold-2:#e4c982;
  --ssovp-gold-soft:rgba(200,169,107,.16);

  --ssovp-blue:#88b9df;
  --ssovp-blue-soft:rgba(88,136,174,.16);

  --ssovp-radius-xl:34px;
  --ssovp-radius-lg:26px;
  --ssovp-radius-md:18px;
  --ssovp-radius-sm:14px;

  --ssovp-max:1260px;
  --ssovp-shadow:0 28px 84px rgba(0,0,0,.24);
  --ssovp-shadow-deep:0 34px 104px rgba(0,0,0,.38);
  --ssovp-shadow-soft:0 18px 54px rgba(0,0,0,.16);

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

  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  color:var(--ssovp-text) !important;
  line-height:1.65 !important;

  background:
    radial-gradient(circle at 15% 8%, rgba(200,169,107,.12), transparent 31%),
    radial-gradient(circle at 86% 18%, rgba(58,86,112,.20), transparent 34%),
    radial-gradient(circle at 52% 94%, rgba(143,36,36,.08), transparent 38%),
    linear-gradient(90deg, rgba(200,169,107,.014) 0 1px, transparent 1px 100%),
    linear-gradient(145deg,#050a12 0%, #07101a 44%, #102132 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}

#ssovp-top[data-theme="light"]{
  --ssovp-bg:#f8f3ea;
  --ssovp-bg2:#f1eadf;
  --ssovp-bg3:#e9edf0;

  --ssovp-text:#182332;
  --ssovp-text-strong:#0d1723;
  --ssovp-muted:rgba(24,35,50,.72);
  --ssovp-soft:rgba(24,35,50,.56);
  --ssovp-faint:rgba(24,35,50,.40);

  --ssovp-card:rgba(255,255,255,.80);
  --ssovp-card2:rgba(255,255,255,.66);
  --ssovp-card3:rgba(255,255,255,.90);
  --ssovp-panel:rgba(255,255,255,.62);

  --ssovp-line:rgba(80,58,30,.13);
  --ssovp-line-soft:rgba(80,58,30,.08);
  --ssovp-line-strong:rgba(142,101,45,.36);

  --ssovp-red:#9b3831;
  --ssovp-red-soft:rgba(155,56,49,.10);
  --ssovp-red-line:rgba(155,56,49,.28);

  --ssovp-gold:#9f7430;
  --ssovp-gold-2:#745220;
  --ssovp-gold-soft:rgba(159,116,48,.12);

  --ssovp-blue:#2f678f;
  --ssovp-blue-soft:rgba(47,103,143,.11);

  --ssovp-shadow:0 24px 70px rgba(30,35,44,.12);
  --ssovp-shadow-deep:0 28px 76px rgba(30,35,44,.13);
  --ssovp-shadow-soft:0 16px 46px rgba(30,35,44,.09);

  background:
    radial-gradient(circle at 15% 8%, rgba(159,116,48,.14), transparent 31%),
    radial-gradient(circle at 86% 18%, rgba(47,103,143,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(155,56,49,.04), transparent 38%),
    linear-gradient(90deg, rgba(159,116,48,.014) 0 1px, transparent 1px 100%),
    linear-gradient(145deg,#fbf7ef 0%, #f4ede2 48%, #e9eef2 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}


/* =========================================================
   02. TAGDIV AND TYPOGRAPHY GUARD
========================================================= */

#ssovp-top h1,
#ssovp-top h2,
#ssovp-top h3,
#ssovp-top p,
#ssovp-top a,
#ssovp-top span,
#ssovp-top small,
#ssovp-top strong,
#ssovp-top b,
#ssovp-top button,
#ssovp-top div,
#ssovp-top section,
#ssovp-top article,
#ssovp-top aside,
#ssovp-top footer,
#ssovp-top nav{
  font-family:inherit !important;
  text-shadow:none !important;
}

#ssovp-top a,
#ssovp-top a:link,
#ssovp-top a:visited,
#ssovp-top a:hover,
#ssovp-top a:active{
  color:inherit !important;
  text-decoration:none !important;
  box-shadow:none !important;
  outline:none !important;
}

#ssovp-top img{
  max-width:none !important;
  border:0 !important;
  box-shadow:none !important;
}

#ssovp-top .ssovp-shell{
  width:min(var(--ssovp-max), calc(100% - 44px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative !important;
  z-index:2 !important;
}

#ssovp-top .ssovp-hero-title,
#ssovp-top .ssovp-orbit-head h2,
#ssovp-top .ssovp-intro-mark span,
#ssovp-top .ssovp-card-content h3,
#ssovp-top .ssovp-map-card h3,
#ssovp-top .ssovp-bridge-card h3,
#ssovp-top .ssovp-note h2,
#ssovp-top .ssovp-final p{
  font-family:Georgia, "Times New Roman", serif !important;
  color:var(--ssovp-text-strong) !important;
  text-shadow:none !important;
  text-decoration:none !important;
  text-wrap:balance !important;
}

#ssovp-top .ssovp-lead,
#ssovp-top .ssovp-intro-mark p,
#ssovp-top .ssovp-prose p,
#ssovp-top .ssovp-orbit-head p,
#ssovp-top .ssovp-map-card p,
#ssovp-top .ssovp-bridge-card p,
#ssovp-top .ssovp-note p,
#ssovp-top .ssovp-final small{
  color:var(--ssovp-muted) !important;
  text-wrap:pretty !important;
}

#ssovp-top .ssovp-kicker,
#ssovp-top .ssovp-orbit-head small,
#ssovp-top .ssovp-stat b,
#ssovp-top .ssovp-map-card strong,
#ssovp-top .ssovp-bridge-card span,
#ssovp-top .ssovp-bottom-link span,
#ssovp-top .ssovp-dial-item strong{
  color:var(--ssovp-gold) !important;
}


/* =========================================================
   03. FLOATING TOGGLE, JS MOVES BUTTON TO BODY
========================================================= */

body > .ssovp-floating-toggle,
body > .ssovp-toggle.ssovp-floating-toggle{
  position:fixed !important;
  top:auto !important;
  left:auto !important;
  right:22px !important;
  bottom:22px !important;
  z-index:999999 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  width:auto !important;
  min-width:auto !important;
  height:auto !important;
  min-height:44px !important;
  padding:0 16px !important;
  margin:0 !important;

  border:1px solid rgba(246,234,208,.16) !important;
  border-radius:999px !important;
  background:rgba(7,16,26,.86) !important;
  color:#f2ead8 !important;

  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size:.82rem !important;
  font-weight:850 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;

  cursor:pointer !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;

  box-shadow:0 16px 48px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  transform:none !important;
}

body > .ssovp-floating-toggle[data-active-theme="light"],
body > .ssovp-toggle.ssovp-floating-toggle[data-active-theme="light"]{
  border-color:rgba(80,58,30,.14) !important;
  background:rgba(255,255,255,.90) !important;
  color:#182332 !important;
  box-shadow:0 16px 44px rgba(30,35,44,.14) !important;
}

body > .ssovp-floating-toggle:hover,
body > .ssovp-toggle.ssovp-floating-toggle:hover{
  border-color:#c8a96b !important;
}

#ssovp-top .ssovp-toggle,
#ssovp-top .ssovp-floating-toggle{
  display:none !important;
}


/* =========================================================
   04. TOPBAR
========================================================= */

#ssovp-top .ssovp-topbar{
  position:absolute !important;
  z-index:35 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  padding:18px 0 !important;
  pointer-events:none !important;
}

#ssovp-top .ssovp-topbar-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  pointer-events:auto !important;
}

#ssovp-top .ssovp-topbar-home,
#ssovp-top .ssovp-topbar-brand{
  display:inline-flex !important;
  align-items:center !important;
  min-height:44px !important;
  border:1px solid rgba(246,234,208,.16) !important;
  border-radius:999px !important;
  background:rgba(7,16,26,.58) !important;
  color:#f2ead8 !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.20) !important;
}

#ssovp-top[data-theme="light"] .ssovp-topbar-home,
#ssovp-top[data-theme="light"] .ssovp-topbar-brand{
  border-color:rgba(80,58,30,.14) !important;
  background:rgba(255,255,255,.78) !important;
  color:#182332 !important;
}

#ssovp-top .ssovp-topbar-home{
  gap:10px !important;
  padding:0 16px !important;
  font-size:.84rem !important;
  font-weight:850 !important;
}

#ssovp-top .ssovp-topbar-home span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  color:var(--ssovp-gold) !important;
}

#ssovp-top .ssovp-topbar-brand{
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-end !important;
  padding:8px 16px !important;
  line-height:1.2 !important;
}

#ssovp-top .ssovp-topbar-brand span{
  color:rgba(242,234,216,.66) !important;
  font-size:.68rem !important;
  font-weight:850 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#ssovp-top[data-theme="light"] .ssovp-topbar-brand span{
  color:rgba(24,35,50,.58) !important;
}

#ssovp-top .ssovp-topbar-brand b,
#ssovp-top .ssovp-topbar-brand a{
  color:inherit !important;
  font-size:.84rem !important;
  font-weight:850 !important;
}


/* =========================================================
   05. HERO
========================================================= */

#ssovp-top .ssovp-hero{
  position:relative !important;
  min-height:86vh !important;
  padding:112px 0 86px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(200,169,107,.13), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(58,86,112,.22), transparent 34%),
    linear-gradient(135deg,#050a12,#07101a 52%,#112536) !important;
}

#ssovp-top[data-theme="light"] .ssovp-hero{
  background:
    radial-gradient(circle at 12% 18%, rgba(200,169,107,.14), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(58,86,112,.10), transparent 34%),
    linear-gradient(135deg,#fbf7ef,#f4ede2 64%,#e9eef2) !important;
}

#ssovp-top .ssovp-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(5,10,18,.82),rgba(5,10,18,.24),rgba(5,10,18,.74)),
    url("https://tokoh.id/wp-content/uploads/2026/05/SS-RH-01-SpiralKesadaran-1920.jpeg") center/cover no-repeat !important;
  opacity:.36 !important;
  filter:saturate(.80) contrast(1.02) brightness(.86) !important;
  pointer-events:none !important;
}

#ssovp-top[data-theme="light"] .ssovp-hero::before{
  opacity:.09 !important;
  filter:saturate(.56) contrast(.90) brightness(1.08) !important;
}

#ssovp-top .ssovp-hero::after{
  content:"" !important;
  position:absolute !important;
  inset:26px !important;
  border:1px solid rgba(200,169,107,.13) !important;
  border-radius:36px !important;
  pointer-events:none !important;
  opacity:.72 !important;
}

#ssovp-top .ssovp-hero-grid{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr) !important;
  gap:56px !important;
  align-items:center !important;
}

#ssovp-top .ssovp-kicker{
  display:inline-flex !important;
  gap:10px !important;
  align-items:center !important;
  margin:0 0 18px !important;
  color:var(--ssovp-gold) !important;
  font-size:.76rem !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

#ssovp-top .ssovp-kicker::before{
  content:"" !important;
  width:34px !important;
  height:1px !important;
  background:var(--ssovp-gold) !important;
}

#ssovp-top .ssovp-hero-title,
#ssovp-top .ssovp-hero h1.ssovp-hero-title{
  margin:0 !important;
  max-width:860px !important;
  font-size:clamp(3rem,6.8vw,4.35rem) !important;
  line-height:.99 !important;
  font-weight:560 !important;
  letter-spacing:-.060em !important;
}

#ssovp-top .ssovp-lead{
  max-width:760px !important;
  margin:26px 0 0 !important;
  font-size:clamp(1.02rem,1.7vw,1.22rem) !important;
  line-height:1.78 !important;
}

#ssovp-top .ssovp-hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:34px !important;
}


/* =========================================================
   06. BUTTONS
========================================================= */

#ssovp-top .ssovp-btn,
#ssovp-top .ssovp-actions a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid var(--ssovp-line) !important;
  color:var(--ssovp-text-strong) !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  transition:
    background .24s ease,
    color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    transform .24s ease !important;
}

#ssovp-top .ssovp-btn{
  min-height:48px !important;
  padding:0 22px !important;
  font-size:.88rem !important;
}

#ssovp-top .ssovp-btn:hover,
#ssovp-top .ssovp-actions a:hover{
  transform:translateY(-2px) !important;
  border-color:var(--ssovp-line-strong) !important;
  box-shadow:0 16px 42px rgba(200,169,107,.12) !important;
}

#ssovp-top .ssovp-btn-main,
#ssovp-top .ssovp-actions a:first-child{
  background:linear-gradient(135deg,#b99150,#e4c982) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#17110a !important;
  box-shadow:0 14px 38px rgba(200,169,107,.18) !important;
}

#ssovp-top .ssovp-btn-ghost{
  background:rgba(255,255,255,.065) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

#ssovp-top[data-theme="light"] .ssovp-btn-ghost{
  background:rgba(255,255,255,.72) !important;
}


/* =========================================================
   07. HERO ORBIT DIAL
========================================================= */

#ssovp-top .ssovp-atlas-panel{
  position:relative !important;
  min-height:540px !important;
}

#ssovp-top .ssovp-orbit-dial{
  position:absolute !important;
  inset:8px 0 auto auto !important;
  width:min(100%,540px) !important;
  aspect-ratio:1/1 !important;
  border-radius:50% !important;
  border:1px solid var(--ssovp-line) !important;
  background:
    radial-gradient(circle at center,rgba(200,169,107,.24),transparent 10%),
    radial-gradient(circle at center,transparent 18%,rgba(255,255,255,.06) 19%,transparent 20%),
    radial-gradient(circle at center,transparent 38%,rgba(255,255,255,.055) 39%,transparent 40%),
    radial-gradient(circle at center,transparent 59%,rgba(200,169,107,.16) 60%,transparent 61%),
    linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018)),
    rgba(7,17,31,.42) !important;
  box-shadow:var(--ssovp-shadow) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  overflow:hidden !important;
}

#ssovp-top[data-theme="light"] .ssovp-orbit-dial{
  background:
    radial-gradient(circle at center,rgba(200,169,107,.22),transparent 10%),
    radial-gradient(circle at center,transparent 18%,rgba(0,0,0,.05) 19%,transparent 20%),
    radial-gradient(circle at center,transparent 38%,rgba(0,0,0,.045) 39%,transparent 40%),
    radial-gradient(circle at center,transparent 59%,rgba(200,169,107,.12) 60%,transparent 61%),
    rgba(255,255,255,.72) !important;
}

#ssovp-top .ssovp-orbit-dial::before{
  content:"" !important;
  position:absolute !important;
  inset:12% !important;
  border-radius:50% !important;
  background:
    conic-gradient(from 220deg, transparent 0 9%, rgba(200,169,107,.60) 15%, transparent 23%, rgba(136,185,223,.18) 34%, transparent 46%, rgba(200,169,107,.34) 58%, transparent 72%, rgba(255,255,255,.13) 82%, transparent 100%) !important;
  opacity:.62 !important;
  animation:ssovp-orbit-spin 42s linear infinite !important;
}

@keyframes ssovp-orbit-spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

#ssovp-top .ssovp-dial-core{
  position:absolute !important;
  inset:50% !important;
  width:92px !important;
  height:92px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:radial-gradient(circle,#fff1bd,#c8a96b 44%,rgba(200,169,107,.08) 70%,transparent) !important;
  box-shadow:0 0 68px rgba(200,169,107,.38) !important;
}

#ssovp-top .ssovp-dial-item{
  position:absolute !important;
  z-index:3 !important;
  width:122px !important;
  padding:14px 12px !important;
  border-radius:18px !important;
  border:1px solid var(--ssovp-line) !important;
  background:rgba(7,16,26,.62) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  text-align:center !important;
  box-shadow:0 14px 38px rgba(0,0,0,.18) !important;
}

#ssovp-top[data-theme="light"] .ssovp-dial-item{
  background:rgba(255,255,255,.84) !important;
}

#ssovp-top .ssovp-dial-item strong{
  display:block !important;
  font-size:.68rem !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  margin-bottom:6px !important;
}

#ssovp-top .ssovp-dial-item span{
  display:block !important;
  color:var(--ssovp-text-strong) !important;
  font-size:.86rem !important;
  font-weight:850 !important;
  line-height:1.25 !important;
}

#ssovp-top .ssovp-dial-i{ left:50% !important; top:6% !important; transform:translateX(-50%) !important; }
#ssovp-top .ssovp-dial-ii{ right:5% !important; top:50% !important; transform:translateY(-50%) !important; }
#ssovp-top .ssovp-dial-iii{ left:50% !important; bottom:20% !important; transform:translateX(-50%) !important; }
#ssovp-top .ssovp-dial-iv{ left:5% !important; top:50% !important; transform:translateY(-50%) !important; }

#ssovp-top .ssovp-stats{
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:min(100%,560px) !important;
}

#ssovp-top .ssovp-stat{
  padding:18px !important;
  border:1px solid var(--ssovp-line) !important;
  border-radius:20px !important;
  background:var(--ssovp-card) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  box-shadow:var(--ssovp-shadow-soft) !important;
}

#ssovp-top .ssovp-stat b{
  display:block !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:2rem !important;
  line-height:1 !important;
  margin-bottom:8px !important;
  font-weight:560 !important;
}

#ssovp-top .ssovp-stat span{
  display:block !important;
  color:var(--ssovp-muted) !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}


/* =========================================================
   08. NAV BAND
========================================================= */

#ssovp-top .ssovp-navband{
  position:relative !important;
  z-index:4 !important;
  margin-top:-38px !important;
}

#ssovp-top .ssovp-nav{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:14px !important;
  border-radius:26px !important;
  border:1px solid var(--ssovp-line) !important;
  background:var(--ssovp-card) !important;
  box-shadow:var(--ssovp-shadow) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

#ssovp-top .ssovp-nav a,
#ssovp-top .ssovp-nav button{
  display:block !important;
  width:100% !important;
  min-height:96px !important;
  padding:18px !important;
  border-radius:20px !important;
  border:1px solid var(--ssovp-line) !important;
  background:var(--ssovp-card2) !important;
  color:inherit !important;
  font:inherit !important;
  text-align:left !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
  transition:
    background .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    transform .24s ease !important;
}

#ssovp-top .ssovp-nav a:hover,
#ssovp-top .ssovp-nav button:hover{
  transform:translateY(-2px) !important;
  border-color:var(--ssovp-line-strong) !important;
  background:var(--ssovp-card3) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.12) !important;
}

#ssovp-top .ssovp-nav strong{
  display:block !important;
  color:var(--ssovp-gold) !important;
  font-size:.7rem !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  margin-bottom:8px !important;
}

#ssovp-top .ssovp-nav span{
  display:block !important;
  color:var(--ssovp-text-strong) !important;
  font-size:1rem !important;
  font-weight:850 !important;
  line-height:1.25 !important;
}


/* =========================================================
   09. SHARED SECTIONS AND INTRO
========================================================= */

#ssovp-top .ssovp-section,
#ssovp-top .ssovp-orbit{
  position:relative !important;
  padding:92px 0 !important;
}

#ssovp-top .ssovp-section-alt{
  border-top:1px solid var(--ssovp-line) !important;
  border-bottom:1px solid var(--ssovp-line) !important;
  background:
    radial-gradient(circle at 8% 14%,rgba(200,169,107,.10),transparent 26%),
    radial-gradient(circle at 86% 18%,rgba(58,86,112,.16),transparent 30%),
    var(--ssovp-bg2) !important;
}

#ssovp-top .ssovp-intro{
  display:grid !important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) !important;
  gap:44px !important;
  align-items:start !important;
}

#ssovp-top .ssovp-intro-mark{
  position:sticky !important;
  top:24px !important;
  padding:34px !important;
  border-radius:30px !important;
  border:1px solid var(--ssovp-line-strong) !important;
  background:
    radial-gradient(circle at 70% 20%,rgba(200,169,107,.18),transparent 44%),
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),
    var(--ssovp-card) !important;
  box-shadow:var(--ssovp-shadow) !important;
}

#ssovp-top .ssovp-intro-mark span{
  display:block !important;
  font-size:clamp(2.35rem,4.7vw,3.25rem) !important;
  line-height:1 !important;
  letter-spacing:-.058em !important;
  color:var(--ssovp-gold) !important;
}

#ssovp-top .ssovp-intro-mark p{
  margin:22px 0 0 !important;
  font-size:1rem !important;
  line-height:1.8 !important;
}

#ssovp-top .ssovp-prose p{
  margin:0 0 22px !important;
  font-size:1.05rem !important;
  line-height:1.92 !important;
}


/* =========================================================
   10. ORBIT SECTIONS
========================================================= */

#ssovp-top .ssovp-orbit{
  border-top:1px solid var(--ssovp-line) !important;
}

#ssovp-top .ssovp-orbit-head{
  display:grid !important;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) !important;
  gap:34px !important;
  align-items:end !important;
  margin-bottom:34px !important;
}

#ssovp-top .ssovp-orbit-head small{
  display:block !important;
  font-size:.76rem !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin-bottom:12px !important;
}

#ssovp-top .ssovp-orbit-head h2{
  margin:0 !important;
  font-size:clamp(2.05rem,4.1vw,3rem) !important;
  line-height:1.06 !important;
  font-weight:560 !important;
  letter-spacing:-.050em !important;
}

#ssovp-top .ssovp-orbit-head p{
  margin:0 !important;
  font-size:1.02rem !important;
  line-height:1.82 !important;
}

#ssovp-top .ssovp-grid{
  display:grid !important;
  grid-template-columns:repeat(12,1fr) !important;
  gap:20px !important;
}

#ssovp-top .ssovp-card{
  position:relative !important;
  min-height:420px !important;
  grid-column:span 6 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  border:1px solid var(--ssovp-line) !important;
  background:#07111f !important;
  box-shadow:var(--ssovp-shadow) !important;
}

#ssovp-top .ssovp-card:nth-child(3n){
  grid-column:span 7 !important;
}

#ssovp-top .ssovp-card:nth-child(3n+1){
  grid-column:span 5 !important;
}

#ssovp-top .ssovp-orbit[data-count="4"] .ssovp-card{
  grid-column:span 6 !important;
}

#ssovp-top .ssovp-orbit[data-count="5"] .ssovp-card:nth-child(5){
  grid-column:span 12 !important;
  min-height:480px !important;
}

#ssovp-top .ssovp-media{
  position:absolute !important;
  inset:0 !important;
}

#ssovp-top .ssovp-media img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  transition:transform .65s ease !important;
}

#ssovp-top .ssovp-card:hover .ssovp-media img{
  transform:scale(1.018) !important;
}

#ssovp-top .ssovp-card::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  left:22px !important;
  right:22px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(200,169,107,.52), transparent) !important;
  pointer-events:none !important;
}

#ssovp-top .ssovp-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.74)),
    radial-gradient(circle at 70% 15%,rgba(200,169,107,.18),transparent 30%) !important;
  pointer-events:none !important;
}

#ssovp-top .ssovp-phone{
  position:absolute !important;
  top:22px !important;
  right:22px !important;
  width:86px !important;
  aspect-ratio:9/16 !important;
  border-radius:18px !important;
  border:3px solid rgba(246,234,208,.76) !important;
  overflow:hidden !important;
  z-index:3 !important;
  box-shadow:0 18px 48px rgba(0,0,0,.36) !important;
  background:#07111f !important;
}

#ssovp-top .ssovp-phone img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

#ssovp-top .ssovp-card-content{
  position:absolute !important;
  z-index:4 !important;
  left:24px !important;
  right:24px !important;
  bottom:24px !important;
  color:#f2ead8 !important;
}

#ssovp-top .ssovp-no{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:34px !important;
  margin-bottom:16px !important;
  border-radius:999px !important;
  border:1px solid rgba(246,234,208,.20) !important;
  background:rgba(7,16,26,.46) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  color:#e4c982 !important;
  font-size:.8rem !important;
  font-weight:950 !important;
}

#ssovp-top .ssovp-card-content h3{
  max-width:560px !important;
  margin:0 !important;
  font-size:clamp(1.6rem,2.8vw,2rem) !important;
  line-height:1.07 !important;
  font-weight:560 !important;
  letter-spacing:-.045em !important;
  color:#f2ead8 !important;
}

#ssovp-top .ssovp-card-content p{
  max-width:620px !important;
  margin:14px 0 0 !important;
  color:rgba(242,234,216,.80) !important;
  font-size:.96rem !important;
  line-height:1.72 !important;
}

#ssovp-top .ssovp-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:22px !important;
}

#ssovp-top .ssovp-actions a{
  min-height:39px !important;
  padding:0 14px !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  font-size:.78rem !important;
}

#ssovp-top .ssovp-actions a:hover{
  background:var(--ssovp-gold) !important;
  color:#17110a !important;
}


/* =========================================================
   11. MAP, BRIDGE, NOTE, BOTTOM
========================================================= */

#ssovp-top .ssovp-map,
#ssovp-top .ssovp-bridge-grid{
  display:grid !important;
  gap:18px !important;
}

#ssovp-top .ssovp-map{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

#ssovp-top .ssovp-bridge-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  margin-top:38px !important;
}

#ssovp-top .ssovp-map-card,
#ssovp-top .ssovp-bridge-card,
#ssovp-top .ssovp-bottom-link{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--ssovp-line) !important;
  background:
    radial-gradient(circle at 88% 8%, var(--ssovp-blue-soft), transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.060),rgba(255,255,255,.024)),
    var(--ssovp-card) !important;
  transition:
    background .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    transform .24s ease !important;
}

#ssovp-top .ssovp-map-card::after,
#ssovp-top .ssovp-bridge-card::after,
#ssovp-top .ssovp-bottom-link::after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(200,169,107,.46), transparent) !important;
  pointer-events:none !important;
}

#ssovp-top .ssovp-map-card{
  padding:26px !important;
  border-radius:24px !important;
  box-shadow:var(--ssovp-shadow) !important;
}

#ssovp-top .ssovp-bridge-card{
  padding:26px !important;
  border-radius:24px !important;
}

#ssovp-top .ssovp-bottom-link{
  min-height:92px !important;
  padding:18px !important;
  border-radius:22px !important;
}

#ssovp-top .ssovp-map-card:hover,
#ssovp-top .ssovp-bridge-card:hover,
#ssovp-top .ssovp-bottom-link:hover{
  transform:translateY(-3px) !important;
  border-color:var(--ssovp-line-strong) !important;
  background:var(--ssovp-card3) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.14) !important;
}

#ssovp-top .ssovp-map-card strong,
#ssovp-top .ssovp-bridge-card span,
#ssovp-top .ssovp-bottom-link span{
  display:block !important;
  font-size:.74rem !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  margin-bottom:14px !important;
}

#ssovp-top .ssovp-bottom-link span{
  font-size:.70rem !important;
  margin-bottom:8px !important;
}

#ssovp-top .ssovp-map-card h3,
#ssovp-top .ssovp-bridge-card h3{
  margin:0 0 12px !important;
  font-weight:560 !important;
  letter-spacing:-.035em !important;
}

#ssovp-top .ssovp-map-card h3{
  font-size:1.5rem !important;
  line-height:1.2 !important;
}

#ssovp-top .ssovp-bridge-card h3{
  font-size:1.55rem !important;
  line-height:1.18 !important;
}

#ssovp-top .ssovp-map-card p,
#ssovp-top .ssovp-bridge-card p,
#ssovp-top .ssovp-note p{
  margin:0 !important;
  line-height:1.72 !important;
}

#ssovp-top .ssovp-map-card p,
#ssovp-top .ssovp-bridge-card p{
  font-size:.94rem !important;
}

#ssovp-top .ssovp-note{
  max-width:900px !important;
  margin:0 auto !important;
  padding:32px !important;
  border-radius:24px !important;
  border:1px solid var(--ssovp-line) !important;
  border-left:5px solid var(--ssovp-gold) !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(200,169,107,.12), transparent 34%),
    var(--ssovp-card) !important;
  box-shadow:var(--ssovp-shadow) !important;
}

#ssovp-top .ssovp-note h2{
  margin:0 0 12px !important;
  font-size:1.8rem !important;
  font-weight:560 !important;
  letter-spacing:-.04em !important;
}

#ssovp-top .ssovp-note p{
  font-size:1rem !important;
  line-height:1.86 !important;
}

#ssovp-top .ssovp-bottom-nav{
  padding:28px 0 !important;
  border-top:1px solid var(--ssovp-line) !important;
  border-bottom:1px solid var(--ssovp-line) !important;
  background:
    radial-gradient(circle at 10% 20%, rgba(200,169,107,.10), transparent 26%),
    var(--ssovp-bg2) !important;
}

#ssovp-top .ssovp-bottom-nav-inner{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}

#ssovp-top .ssovp-bottom-link strong{
  display:block !important;
  color:var(--ssovp-text-strong) !important;
  font-size:.98rem !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}

#ssovp-top .ssovp-final{
  padding:74px 0 88px !important;
  border-top:1px solid var(--ssovp-line) !important;
  text-align:center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(200,169,107,.12), transparent 34%),
    var(--ssovp-bg) !important;
}

#ssovp-top .ssovp-final p{
  max-width:780px !important;
  margin:0 auto 24px !important;
  font-size:clamp(1.65rem,3.2vw,2.2rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.042em !important;
}

#ssovp-top .ssovp-final small{
  display:block !important;
  color:var(--ssovp-muted) !important;
  font-size:.95rem !important;
  line-height:1.7 !important;
}


/* =========================================================
   12. RESPONSIVE
========================================================= */

@media(max-width:1080px){
  #ssovp-top .ssovp-hero-grid,
  #ssovp-top .ssovp-intro,
  #ssovp-top .ssovp-orbit-head{
    grid-template-columns:1fr !important;
  }

  #ssovp-top .ssovp-atlas-panel{
    min-height:540px !important;
  }

  #ssovp-top .ssovp-orbit-dial{
    left:0 !important;
    right:auto !important;
  }

  #ssovp-top .ssovp-nav,
  #ssovp-top .ssovp-bottom-nav-inner{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #ssovp-top .ssovp-card,
  #ssovp-top .ssovp-card:nth-child(3n),
  #ssovp-top .ssovp-card:nth-child(3n+1),
  #ssovp-top .ssovp-orbit[data-count="5"] .ssovp-card:nth-child(5){
    grid-column:span 12 !important;
  }

  #ssovp-top .ssovp-map,
  #ssovp-top .ssovp-bridge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #ssovp-top .ssovp-intro-mark{
    position:relative !important;
    top:auto !important;
  }
}

@media(max-width:720px){
  #ssovp-top .ssovp-shell{
    width:min(100% - 32px, var(--ssovp-max)) !important;
  }

  #ssovp-top .ssovp-topbar{
    padding:14px 0 !important;
  }

  #ssovp-top .ssovp-topbar-brand{
    display:none !important;
  }

  #ssovp-top .ssovp-topbar-home{
    min-height:40px !important;
    padding:0 14px !important;
    font-size:.8rem !important;
  }

  #ssovp-top .ssovp-hero{
    min-height:auto !important;
    padding:92px 0 68px !important;
  }

  #ssovp-top .ssovp-hero::after{
    inset:14px !important;
    border-radius:24px !important;
  }

  #ssovp-top .ssovp-hero-title,
  #ssovp-top .ssovp-hero h1.ssovp-hero-title{
    font-size:clamp(2.55rem,12vw,4.2rem) !important;
    letter-spacing:-.058em !important;
  }

  #ssovp-top .ssovp-lead{
    font-size:.98rem !important;
    line-height:1.72 !important;
  }

  #ssovp-top .ssovp-hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  #ssovp-top .ssovp-btn{
    width:100% !important;
  }

  #ssovp-top .ssovp-atlas-panel{
    min-height:auto !important;
  }

  #ssovp-top .ssovp-orbit-dial{
    position:relative !important;
    width:100% !important;
    inset:auto !important;
    margin:0 auto !important;
  }

  #ssovp-top .ssovp-dial-item{
    width:108px !important;
    padding:12px 10px !important;
  }

  #ssovp-top .ssovp-dial-item span{
    font-size:.78rem !important;
  }

  #ssovp-top .ssovp-dial-iii{
    bottom:5% !important;
  }

  #ssovp-top .ssovp-stats{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    margin-top:18px !important;
    width:100% !important;
    grid-template-columns:1fr !important;
  }

  #ssovp-top .ssovp-navband{
    margin-top:-18px !important;
  }

  #ssovp-top .ssovp-nav,
  #ssovp-top .ssovp-map,
  #ssovp-top .ssovp-bridge-grid,
  #ssovp-top .ssovp-bottom-nav-inner{
    grid-template-columns:1fr !important;
  }

  #ssovp-top .ssovp-section,
  #ssovp-top .ssovp-orbit{
    padding:68px 0 !important;
  }

  #ssovp-top .ssovp-intro-mark,
  #ssovp-top .ssovp-note{
    padding:24px !important;
  }

  #ssovp-top .ssovp-intro-mark span{
    font-size:clamp(1.9rem,8.8vw,2.65rem) !important;
  }

  #ssovp-top .ssovp-orbit-head h2{
    font-size:clamp(1.9rem,8.8vw,2.65rem) !important;
  }

  #ssovp-top .ssovp-grid{
    grid-template-columns:1fr !important;
  }

  #ssovp-top .ssovp-card,
  #ssovp-top .ssovp-card:nth-child(3n),
  #ssovp-top .ssovp-card:nth-child(3n+1),
  #ssovp-top .ssovp-orbit[data-count="5"] .ssovp-card:nth-child(5){
    grid-column:auto !important;
    min-height:500px !important;
    border-radius:24px !important;
  }

  #ssovp-top .ssovp-phone{
    width:76px !important;
    right:16px !important;
    top:16px !important;
  }

  #ssovp-top .ssovp-card-content{
    left:18px !important;
    right:18px !important;
    bottom:20px !important;
  }

  #ssovp-top .ssovp-card-content h3{
    font-size:clamp(1.45rem,8vw,1.95rem) !important;
  }

  #ssovp-top .ssovp-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #ssovp-top .ssovp-actions a{
    width:100% !important;
  }

  body > .ssovp-floating-toggle,
  body > .ssovp-toggle.ssovp-floating-toggle{
    right:14px !important;
    bottom:14px !important;
    min-height:42px !important;
    padding:0 14px !important;
    font-size:.78rem !important;
  }
}

@media(max-width:460px){
  #ssovp-top .ssovp-shell{
    width:min(100% - 24px, var(--ssovp-max)) !important;
  }

  #ssovp-top .ssovp-hero-title,
  #ssovp-top .ssovp-hero h1.ssovp-hero-title{
    font-size:2.42rem !important;
  }

  #ssovp-top .ssovp-dial-item{
    width:92px !important;
    padding:10px 8px !important;
    border-radius:14px !important;
  }

  #ssovp-top .ssovp-dial-item strong{
    font-size:.58rem !important;
  }

  #ssovp-top .ssovp-dial-item span{
    font-size:.68rem !important;
  }

  #ssovp-top .ssovp-dial-core{
    width:74px !important;
    height:74px !important;
  }

  #ssovp-top .ssovp-card,
  #ssovp-top .ssovp-card:nth-child(3n),
  #ssovp-top .ssovp-card:nth-child(3n+1),
  #ssovp-top .ssovp-orbit[data-count="5"] .ssovp-card:nth-child(5){
    min-height:460px !important;
  }

  #ssovp-top .ssovp-phone{
    width:66px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #ssovp-top *,
  #ssovp-top *::before,
  #ssovp-top *::after,
  body > .ssovp-floating-toggle,
  body > .ssovp-toggle.ssovp-floating-toggle{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}