/* ============================================================
   VIJIN.AI · Sovereign — Hero headline + Trust chain (orbit panels)
   Floating data "panels" arranged around a central connected globe.
   Loaded last so it wins over older .sv-arcwrap / .sv-chain rules.
   ============================================================ */

/* tighter section rhythm on the sovereign page (denser, less empty space) */
.svx [data-seg="sovereign"] .sv-sec{padding-top:clamp(30px,3.6vw,46px);padding-bottom:clamp(30px,3.6vw,46px)}
.svx [data-seg="sovereign"] .sv-hero+.sv-sec{padding-top:clamp(24px,3vw,38px)}

/* ============================================================
   LIGHT MODE FIXES (cream) — forbidden bright accents → deepened,
   background lines & globe tamed so they don't overpower sections.
   color-mix keeps each item's hue (from inline --c) but darkens it.
   ============================================================ */
/* every element that sets an inline --c gets its icon/text color deepened on cream
   (icons inherit via currentColor); keeps each item's hue, kills the glare */
[data-theme="light"].svx [data-seg="sovereign"] [style*="--c:"]{
  color:color-mix(in oklab,var(--c) 56%,#123a33) !important;
}
[data-theme="light"].svx [data-seg="sovereign"] .sv-panel-ic,
[data-theme="light"].svx [data-seg="sovereign"] .f60-ic,
[data-theme="light"].svx [data-seg="sovereign"] .ce-ic,
[data-theme="light"].svx [data-seg="sovereign"] .sg-ic,
[data-theme="light"].svx [data-seg="sovereign"] .sv-fc-ic,
[data-theme="light"].svx [data-seg="sovereign"] .sv-wedge-ic,
[data-theme="light"].svx [data-seg="sovereign"] .sv-pillar-ic,
[data-theme="light"].svx [data-seg="sovereign"] .sv-li-ic,
[data-theme="light"].svx [data-seg="sovereign"] .sv-bar-circle{
  color:color-mix(in oklab,var(--c) 58%,#123a33) !important;
}
/* deepen accent text + metric chips + tags */
[data-theme="light"].svx [data-seg="sovereign"] .sg-metric,
[data-theme="light"].svx [data-seg="sovereign"] .ce-tag,
[data-theme="light"].svx [data-seg="sovereign"] .sv-panel-title i,
[data-theme="light"].svx [data-seg="sovereign"] .sv-chain-pct,
[data-theme="light"].svx [data-seg="sovereign"] .sv-plan-price b{
  color:color-mix(in oklab,var(--c) 56%,#123a33) !important;
}
/* deepen mini-chart strokes & fills in governance cards */
[data-theme="light"].svx [data-seg="sovereign"] .sg-bars span,
[data-theme="light"].svx [data-seg="sovereign"] .sg-layers span,
[data-theme="light"].svx [data-seg="sovereign"] .sg-nodes i.on{
  background:color-mix(in oklab,var(--c) 56%,#123a33) !important;
}
[data-theme="light"].svx [data-seg="sovereign"] .sg-donut circle,
[data-theme="light"].svx [data-seg="sovereign"] .sg-gauge circle,
[data-theme="light"].svx [data-seg="sovereign"] .sg-spark-line{
  stroke:color-mix(in oklab,var(--c) 56%,#123a33) !important;
}
[data-theme="light"].svx [data-seg="sovereign"] .sg-spark-dot{fill:color-mix(in oklab,var(--c) 56%,#123a33) !important}
/* hero map (literal bright hex) + holo reflections deepened on cream */
[data-theme="light"].svx [data-seg="sovereign"] .svm-net,
[data-theme="light"].svx [data-seg="sovereign"] .sv-maphero-map [stroke]{stroke:#0a7d74 !important}
[data-theme="light"].svx [data-seg="sovereign"] .sv-maphero-map circle[fill]{fill:#0a7d74 !important}
[data-theme="light"].svx [data-seg="sovereign"] .svm-cap-ring{stroke:#b07a00 !important}
[data-theme="light"].svx [data-seg="sovereign"] .sv-holo-ic,
[data-theme="light"].svx [data-seg="sovereign"] .sv-holo-refl{color:color-mix(in oklab,var(--c) 56%,#123a33) !important}
/* icon glow halos: much softer on cream so they don't smear */
[data-theme="light"].svx [data-seg="sovereign"] .sv-panel-ic{filter:drop-shadow(0 0 3px color-mix(in oklab,var(--c) 30%,transparent)) !important}
/* background lines + globe: pull further back so sections read cleanly */
[data-theme="light"].svx [data-seg="sovereign"] .vjbg{opacity:.6}
[data-theme="light"].svx [data-seg="sovereign"] .sv-orbit-globe{opacity:.12 !important}

/* form inputs: match cream (no harsh white) + globe map: barely-there on cream */
[data-theme="light"].svx [data-seg="sovereign"] .lp-cf input,
[data-theme="light"].svx [data-seg="sovereign"] .lp-cf select,
[data-theme="light"].svx [data-seg="sovereign"] .lp-cf textarea{
  background:color-mix(in oklab,#fffdf6 22%,var(--bg-1)) !important;
  border-color:color-mix(in oklab,var(--cyan) 22%,#cfc8b0) !important;color:var(--head) !important;
}
[data-theme="light"].svx [data-seg="sovereign"] .lp-cf-card{
  background:linear-gradient(168deg,color-mix(in oklab,var(--bg-4) 30%,transparent),color-mix(in oklab,var(--bg-4) 18%,transparent)) !important;
}
[data-theme="light"].svx [data-seg="sovereign"] .sv-orbit-globe{opacity:.08 !important;filter:saturate(.6) hue-rotate(-58deg) brightness(.8) !important}
/* header nav chip icons on cream */
[data-theme="light"].svx [data-seg="sovereign"] .lp-nav-ci,
[data-theme="light"].svx [data-seg="sovereign"] .dd-ci,
[data-theme="light"].svx [data-seg="sovereign"] .dd-ci svg{color:#0a8f86 !important}

/* ----- Hero headline (verb-led, colored highlights) ----- */
.svx [data-seg="sovereign"] .sv-hero-h1{
  font-size:clamp(28px,4vw,46px);
  line-height:1.2;letter-spacing:-.01em;text-wrap:balance;
  font-family:"Montserrat","IBM Plex Sans Arabic",sans-serif;
  font-weight:800;color:var(--head);margin:0 0 14px;
}
.svx [data-seg="sovereign"] .sv-hl{position:relative;white-space:nowrap;font-weight:800}
.svx [data-seg="sovereign"] .sv-hl-cyan{color:#34e0d4}
.svx [data-seg="sovereign"] .sv-hl-mint{color:#67e3a3}
[data-theme="light"].svx [data-seg="sovereign"] .sv-hl-cyan{color:#0a9e94}
[data-theme="light"].svx [data-seg="sovereign"] .sv-hl-mint{color:#1a8f59}
.svx [data-seg="sovereign"] .sv-hl::after{
  content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,currentColor 22%,currentColor 78%,transparent);
  opacity:.5;
}
.svx [data-seg="sovereign"] .sv-hero-promise{
  font-size:clamp(15px,1.6vw,18px);font-weight:600;line-height:1.6;
  color:var(--head);margin:0 0 14px;max-width:46ch;opacity:.95;
}
[data-theme="dark"].svx [data-seg="sovereign"] .sv-hero-promise{color:#dff5ef}

/* ============================================================
   Trust chain — unified balanced grid over a globe backdrop
   ============================================================ */
.svx [data-seg="sovereign"] .sv-orbit{
  position:relative;
  margin:44px auto 8px;
  max-width:1160px;
  padding:20px 0;
}
/* central connected globe behind the whole grid */
.svx [data-seg="sovereign"] .sv-orbit-globe{
  position:absolute;z-index:0;pointer-events:none;
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(560px,76%);aspect-ratio:1;
  background:url("sovereign-globe.png") center/contain no-repeat;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 44%,transparent 72%);
          mask-image:radial-gradient(circle at 50% 50%,#000 44%,transparent 72%);
  mix-blend-mode:screen;opacity:.42;
  filter:saturate(.92) hue-rotate(-58deg);
}
[data-theme="light"].svx [data-seg="sovereign"] .sv-orbit-globe{opacity:.18;mix-blend-mode:multiply}
@media(prefers-reduced-motion:no-preference){
  .svx [data-seg="sovereign"] .sv-orbit-globe{animation:svGlobeDrift 28s ease-in-out infinite alternate}
}
@keyframes svGlobeDrift{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-52%) scale(1.05)}}
/* unified grid of panels */
.svx [data-seg="sovereign"] .sv-orbit-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:40px 18px;
}
@media(max-width:880px){.svx [data-seg="sovereign"] .sv-orbit-grid{grid-template-columns:repeat(2,1fr);gap:34px 16px}}
@media(max-width:480px){.svx [data-seg="sovereign"] .sv-orbit-grid{grid-template-columns:1fr}}

/* panel — ONE unit: title on top, glowing icon below (centered) */
.svx [data-seg="sovereign"] .sv-panel{
  position:relative;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;
  padding:6px 4px;
  transition:transform .24s ease;
}
.svx [data-seg="sovereign"] .sv-panel:hover{transform:translateY(-5px)}
/* title above the icon */
.svx [data-seg="sovereign"] .sv-panel-title{
  font-size:15.5px;font-weight:700;color:var(--head);line-height:1.4;max-width:16ch;min-height:2.8em;display:flex;align-items:center;
}

.svx [data-seg="sovereign"] .sv-panel-ic{
  position:relative;flex:none;width:54px;height:54px;
  display:grid;place-items:center;color:var(--c);overflow:visible;
  filter:drop-shadow(0 0 10px color-mix(in oklab,var(--c) 70%,transparent)) drop-shadow(0 0 3px color-mix(in oklab,var(--c) 90%,transparent));
}
.svx [data-seg="sovereign"] .sv-panel-ic::before{
  content:"";position:absolute;inset:-34%;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 50% 46%,color-mix(in oklab,var(--c) 30%,transparent),transparent 68%);filter:blur(9px);
}
/* floor shadow ellipse so the icon reads as floating */
.svx [data-seg="sovereign"] .sv-panel-ic::after{
  content:"";position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);
  width:64%;height:10px;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,color-mix(in oklab,var(--c) 50%,transparent),transparent 70%);
  filter:blur(4px);opacity:.55;
}
.svx [data-seg="sovereign"] .sv-panel-ic svg{position:relative;z-index:1}

/* anchor panel (confidence) — ring around the icon */
.svx [data-seg="sovereign"] .sv-panel-ring{
  position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);
  transform:rotate(-90deg);pointer-events:none;
  filter:drop-shadow(0 0 5px color-mix(in oklab,var(--c) 55%,transparent));
}

/* sequential signal pulse on panels */
@media(prefers-reduced-motion:no-preference){
  .svx [data-seg="sovereign"] .sv-panel-ic{animation:svPanelPulse 4.6s ease-in-out infinite;animation-delay:calc(var(--si,0) * .3s)}
}
@keyframes svPanelPulse{
  0%,74%,100%{box-shadow:0 0 0 0 transparent}
  86%{box-shadow:0 0 16px 1px color-mix(in oklab,var(--c) 55%,transparent)}
}

/* light mode legibility */
[data-theme="light"].svx [data-seg="sovereign"] .sv-panel-ic{
  filter:drop-shadow(0 0 5px color-mix(in oklab,var(--c) 45%,transparent));
}

/* responsive */
@media(max-width:900px){
  .svx [data-seg="sovereign"] .sv-panel-title{min-height:0}
}