/* ============================================================
   VIJIN.AI — Segment marketing pages ("من نخدم")
   Shared styles for the reusable serve-page template.
   Accents layered on Deep Blue use the APPROVED set only:
   Mediterranean cyan, Aubergine Tint 2, Minty, Gold, Violet-2.
   ============================================================ */
html,body{height:auto;min-height:100%;overflow:auto}
body{background:var(--bg-0);color:var(--t1)}
.sv{display:flex;flex-direction:column;min-height:100vh}
.sv-wrap{width:min(1180px,100%);margin:0 auto;padding:0 clamp(16px,4vw,40px)}

/* ---------------- HEADER + DROPDOWN ---------------- */
.lp-nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:14px;padding:16px clamp(14px,3vw,32px);background:color-mix(in oklab,var(--bg-0) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.lp-brand{display:flex;align-items:center}
.lp-logo{height:46px;width:auto;object-fit:contain;display:block}
.lp-logo.logo-l{display:none}
[data-theme="light"] .lp-logo.logo-d{display:none}
[data-theme="light"] .lp-logo.logo-l{display:block}
.lp-links{display:flex;align-items:center;gap:6px;margin-inline-start:8px}
.lp-links>a,.dd-trigger{display:flex;align-items:center;gap:7px;color:var(--t2);font-size:15.5px;font-weight:600;text-decoration:none;padding:10px 15px;border-radius:11px;border:1px solid color-mix(in oklab,var(--c) 22%,var(--line));background:color-mix(in oklab,var(--c) 8%,transparent);white-space:nowrap;transition:.18s;cursor:pointer;font-family:inherit}
[dir="ltr"] .lp-links>a,[dir="ltr"] .dd-trigger{font-family:"Montserrat",system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}
.lp-nav-ci{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;background:color-mix(in oklab,var(--c) 14%,transparent);border:1px solid color-mix(in oklab,var(--c) 32%,transparent);color:var(--c);transition:.18s}
.lp-nav-ci svg{width:20px;height:20px}
.lp-links>a:hover,.dd-trigger:hover{color:var(--head);background:color-mix(in oklab,var(--c) 12%,transparent);border-color:color-mix(in oklab,var(--c) 30%,transparent);transform:translateY(-2px)}
.lp-links>a.active{color:var(--head);border-color:color-mix(in oklab,var(--c) 40%,transparent)}
.lp-links>a:hover .lp-nav-ci,.dd:hover .lp-nav-ci{box-shadow:0 0 14px -3px color-mix(in oklab,var(--c) 70%,transparent)}
/* light mode: darken the per-link nav icon hue so bright accents stay legible on cream (CLAUDE.md §3) */
[data-theme="light"] .lp-nav-ci,[data-theme="light"] .lp-nav-ci svg{color:color-mix(in oklab,var(--c) 58%,#241016) !important}
.dd{position:relative}
.dd-trigger .caret{transition:transform .2s;color:var(--t3);width:14px;height:14px}
.dd.open .dd-trigger{color:var(--head);background:color-mix(in oklab,var(--c) 12%,transparent);border-color:color-mix(in oklab,var(--c) 34%,transparent)}
.dd.open .dd-trigger .caret{transform:rotate(90deg)}
.dd-panel{position:absolute;top:calc(100% + 12px);inset-inline-start:0;width:min(660px,92vw);background:linear-gradient(180deg,color-mix(in oklab,var(--c) 16%,var(--bg-2)),color-mix(in oklab,var(--bg-1) 88%,transparent));backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(22px);border:1px solid var(--line-2);border-radius:18px;padding:16px;box-shadow:0 30px 70px -28px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.03) inset;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:200}
[data-theme="light"] .dd-panel{background:linear-gradient(180deg,color-mix(in oklab,var(--c) 10%,#fffefa),color-mix(in oklab,#fffefa 90%,transparent))}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:translateY(0)}
.dd-panel::before{content:"";position:absolute;top:-7px;inset-inline-start:26px;width:13px;height:13px;rotate:45deg;background:var(--bg-4);border:1px solid var(--line-2);border-left:0;border-bottom:0;border-radius:3px 0 0 0}
[data-theme="light"] .dd-panel::before{background:#fffefa}
.dd-col{display:flex;flex-direction:column}
.dd-grp{display:flex;align-items:center;gap:8px;font-family:"Montserrat",var(--f-en),system-ui;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);font-weight:700;padding:8px 10px 6px}
.dd-grp .gln{flex:1;height:1px;background:var(--line)}
.dd-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;text-decoration:none;border:1px solid transparent;transition:.16s}
.dd-ci{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--c);background:color-mix(in oklab,var(--c) 15%,transparent);border:1px solid color-mix(in oklab,var(--c) 30%,transparent);transition:.16s}
.dd-ci svg{width:20px;height:20px}
.dd-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.dd-tx b{color:var(--head);font-size:14px;font-weight:600;line-height:1.2}
.dd-tx span{color:var(--t3);font-size:11.5px;line-height:1.25}
.dd-item:hover{background:color-mix(in oklab,var(--c) 10%,transparent);border-color:color-mix(in oklab,var(--c) 26%,transparent)}
.dd-item.active{background:color-mix(in oklab,var(--c) 12%,transparent);border-color:color-mix(in oklab,var(--c) 30%,transparent)}
.dd-item:hover .dd-ci,.dd-item.active .dd-ci{color:#fff;background:color-mix(in oklab,var(--c) 80%,transparent);border-color:transparent;box-shadow:0 6px 18px -6px color-mix(in oklab,var(--c) 80%,transparent)}
.dd-foot{grid-column:1/3;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:13px;background:color-mix(in oklab,var(--cyan) 9%,transparent);border:1px solid color-mix(in oklab,var(--cyan) 22%,transparent)}
.dd-foot p{margin:0;color:var(--t2);font-size:12.5px}
.dd-foot p b{color:var(--head)}
.lp-ctl{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
@media(max-width:900px){.lp-links{display:none}.dd-panel{grid-template-columns:1fr}}
/* ---- skip link (P3-4) ---- */
.vj-skip{position:fixed;top:10px;inset-inline-start:12px;z-index:200;background:var(--cyan);color:#04122a;font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px;text-decoration:none;transform:translateY(-160%);transition:transform .18s ease;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.vj-skip:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}
#vj-main{scroll-margin-top:86px}
/* ---- header CTA + hamburger (P1-1 / P0-1) ---- */
.lp-cta-head{flex:none}
.lp-burger{display:none;flex:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}
.lp-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--t1);transition:transform .2s ease,opacity .2s ease}
.lp-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.lp-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.lp-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* ---- mobile drawer (P0-1) ---- */
.lp-mobile{position:fixed;inset:0;z-index:120}
.lp-mobile[hidden]{display:none}
.lp-mobile-scrim{position:absolute;inset:0;background:rgba(4,2,20,.55);opacity:0;transition:opacity .25s ease}
.lp-mobile.open .lp-mobile-scrim{opacity:1}
.lp-mobile-panel{position:absolute;top:0;height:100%;width:min(360px,86vw);overflow-y:auto;background:var(--bg-1);box-shadow:0 0 50px rgba(0,0,0,.5);padding:16px 16px 28px;display:flex;flex-direction:column;gap:4px;transition:transform .26s ease}
[dir="ltr"] .lp-mobile-panel{right:0;left:auto;border-left:1px solid var(--line);transform:translateX(100%)}
[dir="rtl"] .lp-mobile-panel{left:0;right:auto;border-right:1px solid var(--line);transform:translateX(-100%)}
.lp-mobile.open .lp-mobile-panel{transform:translateX(0)!important}
.lpm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.lpm-title{font-weight:700;color:var(--head);font-size:15px}
.lpm-x{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--t2);cursor:pointer;display:grid;place-items:center}
.lpm-x:hover{color:var(--head)}
.lpm-grp{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin:14px 6px 4px}
.lpm-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:var(--t1);text-decoration:none;font-weight:600;font-size:15px;border:1px solid transparent}
.lpm-link:hover,.lpm-link.on{background:color-mix(in oklab,var(--c,var(--cyan)) 12%,transparent);border-color:color-mix(in oklab,var(--c,var(--cyan)) 28%,transparent);color:var(--head)}
.lpm-cta{display:flex;flex-direction:column;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.lpm-cta .btn{justify-content:center}
@media(min-width:901px){.lp-mobile{display:none!important}}
@media(prefers-reduced-motion:reduce){.lp-mobile-scrim,.lp-mobile-panel,.lp-burger span{transition:none}}
@media(max-width:900px){.lp-cta-head,.lp-login-btn{display:none}.lp-burger{display:inline-flex}}
/* ---- P2-7: lift small secondary-text contrast on PUBLIC MARKETING pages only ---- */
[data-theme="dark"] .lp,[data-theme="dark"] .sv,[data-theme="dark"] .ft-wrap,[data-theme="dark"] .mk-wrap,[data-theme="dark"] .lg-wrap{--t3:#b9b4dd}
[data-theme="light"] .lp,[data-theme="light"] .sv,[data-theme="light"] .ft-wrap,[data-theme="light"] .mk-wrap,[data-theme="light"] .lg-wrap{--t3:#56536f}
/* native <select> dropdown follows theme so the highlighted option isn't the browser-default bright blue */
[data-theme="dark"] .lp select,[data-theme="dark"] .sv select,[data-theme="dark"] .ft-wrap select,[data-theme="dark"] .mk-wrap select,[data-theme="dark"] .lg-wrap select{color-scheme:dark;accent-color:var(--violet)}
[data-theme="light"] .lp select,[data-theme="light"] .sv select,[data-theme="light"] .ft-wrap select,[data-theme="light"] .mk-wrap select,[data-theme="light"] .lg-wrap select{color-scheme:light;accent-color:var(--violet)}
.lp select option,.sv select option,.ft-wrap select option,.mk-wrap select option,.lg-wrap select option{background:var(--bg-1);color:var(--t1)}

/* ===== VJ recolorable background lines (landing-style 3-line motif) ===== */
.vjbg-on .sv .sv-scene{display:none}
/* #advanced panel icon: enlarged + soft fading accent glow behind (aesthetic) */
#advanced .tp-ic{width:104px;height:104px;position:relative;overflow:visible;background:color-mix(in oklab,var(--c) 12%,transparent)}
#advanced .tp-ic svg{width:54px;height:54px;position:relative;z-index:1}
#advanced .tp-ic::before{content:"";position:absolute;inset:-26%;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,color-mix(in oklab,var(--c) 40%,transparent),color-mix(in oklab,var(--c) 15%,transparent) 44%,transparent 72%);filter:blur(7px)}
[data-theme="light"] #advanced .tp-ic::before{background:radial-gradient(circle at 50% 44%,color-mix(in oklab,var(--c) 28%,transparent),color-mix(in oklab,var(--c) 10%,transparent) 46%,transparent 74%)}
/* #pillars "ما الذي يميز فيجن؟" editorial icons: same enlarged + fading-glow treatment */
#pillars .edl-ic{width:62px;height:62px;position:relative;overflow:visible;background:color-mix(in oklab,var(--c) 12%,transparent)}
#pillars .edl-ic svg{width:30px;height:30px;position:relative;z-index:1}
#pillars .edl-ic::before{content:"";position:absolute;inset:-30%;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,color-mix(in oklab,var(--c) 38%,transparent),color-mix(in oklab,var(--c) 14%,transparent) 44%,transparent 72%);filter:blur(7px)}
[data-theme="light"] #pillars .edl-ic::before{background:radial-gradient(circle at 50% 44%,color-mix(in oklab,var(--c) 26%,transparent),color-mix(in oklab,var(--c) 10%,transparent) 46%,transparent 74%)}
.vjbg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.vjbg-svg{position:absolute;inset:0;width:100%;height:100%}
.vjbg .l1{fill:none;stroke:var(--vjbg-1);stroke-width:24;stroke-linecap:round;opacity:.55}
.vjbg .l2{fill:none;stroke:var(--vjbg-2);stroke-width:22;stroke-linecap:round;opacity:.55}
.vjbg .l3{fill:none;color:var(--vjbg-3);stroke-width:22;stroke-linecap:round}
/* gradient stops live in <defs> and inherit `color` from <svg>, NOT from the .l3 path —
   so currentColor never received --vjbg-3 (showed grey). Bind stop-color directly. */
.vjbg .vjbg-svg{color:var(--vjbg-3)}
.vjbg #vjbgG3 stop{stop-color:var(--vjbg-3)}
.vjbg .b1{fill:var(--vjbg-b1);opacity:.16}
.vjbg .b2{fill:var(--vjbg-b2);opacity:.13}
.vjbg .d1{fill:var(--vjbg-d1);opacity:.85}
.vjbg .d2{fill:var(--vjbg-d2);opacity:.8}
[data-theme="light"] .vjbg .l1,[data-theme="light"] .vjbg .l2{opacity:.4}
[data-theme="light"] .vjbg .b1{opacity:.12}
[data-theme="light"] .vjbg .b2{opacity:.1}
/* palette — govco (gold identity) */
.vjbg[data-pal="govco"]{--vjbg-1:#feb602;--vjbg-2:#ff8a4d;--vjbg-3:#9d7bff;--vjbg-b1:#3a6fe0;--vjbg-b2:#feb602;--vjbg-d1:#feb602;--vjbg-d2:#52d999}
[data-theme="light"] .vjbg[data-pal="govco"]{--vjbg-1:#cf8a00;--vjbg-2:#df6a39;--vjbg-3:#7c5cd0;--vjbg-b1:#5b7fd6;--vjbg-b2:#d99100;--vjbg-d1:#c98800;--vjbg-d2:#1a8f59}
/* palette — sovereign (sky/cyan + mint identity) */
.vjbg[data-pal="sovereign"]{--vjbg-1:#17d1c6;--vjbg-2:#52d999;--vjbg-3:#2bc6a4;--vjbg-b1:#17d1c6;--vjbg-b2:#52d999;--vjbg-d1:#17d1c6;--vjbg-d2:#52d999}
[data-theme="light"] .vjbg[data-pal="sovereign"]{--vjbg-1:#0a9e94;--vjbg-2:#1a8f59;--vjbg-3:#0f766e;--vjbg-b1:#0a9e94;--vjbg-b2:#1a8f59;--vjbg-d1:#0a8f86;--vjbg-d2:#1a8f59}
/* palette — entities (violet / aubergine identity) */
.vjbg[data-pal="entities"]{--vjbg-1:#9d7bff;--vjbg-2:#b07cc6;--vjbg-3:#7b6cf0;--vjbg-b1:#6a52e0;--vjbg-b2:#9d7bff;--vjbg-d1:#9d7bff;--vjbg-d2:#b07cc6}
[data-theme="light"] .vjbg[data-pal="entities"]{--vjbg-1:#6a4fd0;--vjbg-2:#8a4f9e;--vjbg-3:#5b46c4;--vjbg-b1:#5546b8;--vjbg-b2:#6a4fd0;--vjbg-d1:#6a4fd0;--vjbg-d2:#7a3f8e}
/* palette — agencies (warm sunset: coral + turquoise + violet) */
.vjbg[data-pal="agencies"]{--vjbg-1:#ff8a6b;--vjbg-2:#2dd4bf;--vjbg-3:#9d7bff;--vjbg-b1:#2dd4bf;--vjbg-b2:#ff8a6b;--vjbg-d1:#ff8a6b;--vjbg-d2:#2dd4bf}
[data-theme="light"] .vjbg[data-pal="agencies"]{--vjbg-1:#c2502f;--vjbg-2:#0a8f86;--vjbg-3:#6a4fd0;--vjbg-b1:#0a8f86;--vjbg-b2:#c2502f;--vjbg-d1:#c2502f;--vjbg-d2:#0a8f86}
/* palette — individuals (periwinkle / navy blue-violet identity) */
.vjbg[data-pal="individuals"]{--vjbg-1:#6a8cff;--vjbg-2:#9d7bff;--vjbg-3:#ff3b3b;--vjbg-b1:#3a6fe0;--vjbg-b2:#6a8cff;--vjbg-d1:#6a8cff;--vjbg-d2:#9d7bff}
[data-theme="light"] .vjbg[data-pal="individuals"]{--vjbg-1:#3f5bc4;--vjbg-2:#5b46c4;--vjbg-3:#d62828;--vjbg-b1:#3f5bc4;--vjbg-b2:#5546b8;--vjbg-d1:#3f5bc4;--vjbg-d2:#5b46c4}

/* palettes — helper/tools pages (violet=tools/services/faq/subs/legal · green=about · sky=contact/security) */
.vjbg[data-pal="violet"]{--vjbg-1:#9d7bff;--vjbg-2:#b07cc6;--vjbg-3:#7b6cf0;--vjbg-b1:#6a52e0;--vjbg-b2:#9d7bff;--vjbg-d1:#9d7bff;--vjbg-d2:#b07cc6}
[data-theme="light"] .vjbg[data-pal="violet"]{--vjbg-1:#6a4fd0;--vjbg-2:#8a4f9e;--vjbg-3:#5b46c4;--vjbg-b1:#5546b8;--vjbg-b2:#6a4fd0;--vjbg-d1:#6a4fd0;--vjbg-d2:#7a3f8e}
.vjbg[data-pal="green"]{--vjbg-1:#2dd49a;--vjbg-2:#52d999;--vjbg-3:#1f9d6a;--vjbg-b1:#1f9d6a;--vjbg-b2:#2dd49a;--vjbg-d1:#2dd49a;--vjbg-d2:#52d999}
[data-theme="light"] .vjbg[data-pal="green"]{--vjbg-1:#1a8f59;--vjbg-2:#0e7a40;--vjbg-3:#1a8f59;--vjbg-b1:#0e7a40;--vjbg-b2:#1a8f59;--vjbg-d1:#1a8f59;--vjbg-d2:#0e7a40}
.vjbg[data-pal="sky"]{--vjbg-1:#17d1c6;--vjbg-2:#3a9ee8;--vjbg-3:#52d999;--vjbg-b1:#3a9ee8;--vjbg-b2:#17d1c6;--vjbg-d1:#17d1c6;--vjbg-d2:#3a9ee8}
[data-theme="light"] .vjbg[data-pal="sky"]{--vjbg-1:#0a9e94;--vjbg-2:#2b6fb0;--vjbg-3:#1a8f59;--vjbg-b1:#2b6fb0;--vjbg-b2:#0a9e94;--vjbg-d1:#0a9e94;--vjbg-d2:#2b6fb0}

/* ---------------- SECTION SCAFFOLD ---------------- */
.sv-sec{position:relative;padding:clamp(34px,4.4vw,58px) 0}
.sv-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--cyan);border:1px solid color-mix(in oklab,var(--cyan) 26%,transparent);background:color-mix(in oklab,var(--cyan) 9%,transparent);padding:6px 13px;border-radius:30px}
[dir="ltr"] .sv-eyebrow{font-family:"Montserrat",system-ui;letter-spacing:.09em;text-transform:uppercase}
.sv-h2{margin:16px 0 10px;font-size:clamp(26px,3.4vw,38px);font-weight:700;color:var(--head);line-height:1.18;letter-spacing:-.01em;text-wrap:balance;max-width:1000px}
.sv-h2 b{background:linear-gradient(90deg,var(--violet-2),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.sv-lead{font-size:16.5px;color:var(--t2);line-height:1.75;max-width:680px;text-wrap:pretty}

/* ---------------- HERO ---------------- */
.sv-hero{position:relative;overflow:hidden;padding:clamp(40px,7vw,96px) 0 clamp(40px,6vw,72px)}
.sv-hero-bg{position:absolute;inset:0;pointer-events:none;opacity:.6;background:radial-gradient(820px 480px at 82% -8%,color-mix(in oklab,var(--violet) 32%,transparent),transparent 60%),radial-gradient(640px 460px at 4% 116%,color-mix(in oklab,var(--cyan) 20%,transparent),transparent 60%)}
.sv-hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.5;-webkit-mask-image:radial-gradient(120% 90% at 70% 18%,#000,transparent 72%);mask-image:radial-gradient(120% 90% at 70% 18%,#000,transparent 72%);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:42px 42px}
.sv-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:center}
.sv-hero-copy h1{margin:18px 0 14px;font-size:clamp(28px,4vw,46px);font-weight:700;color:var(--head);line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
.sv-hero-copy h1 b{background:linear-gradient(90deg,var(--violet-2),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.sv-hero-copy .sv-lead{font-size:17px}
.sv-cta-row{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}
.sv-chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:9px}
.sv-chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--t2);padding:7px 12px;border-radius:30px;border:1px solid var(--line-2);background:color-mix(in oklab,var(--bg-4) 60%,transparent)}
.sv-chip svg{width:14px;height:14px;color:var(--cyan)}

/* ---- unified hero entrance: staggered rise+fade across ALL segments
   (sovereign keeps its own more-specific rule; both share the same feel) ---- */
@media(prefers-reduced-motion:no-preference){
  .sv-hero .sv-hero-copy > *{animation:svHeroRise .55s cubic-bezier(.2,.7,.2,1) both}
  .sv-hero .sv-hero-copy > .sv-eyebrow{animation-delay:.04s}
  .sv-hero .sv-hero-copy > h1{animation-delay:.12s}
  .sv-hero .sv-hero-copy > .sv-hero-promise{animation-delay:.18s}
  .sv-hero .sv-hero-copy > .sv-lead{animation-delay:.22s}
  .sv-hero .sv-hero-copy > .sv-cta-row{animation-delay:.30s}
  .sv-hero .sv-hero-copy > .sv-chips{animation-delay:.36s}
}
@keyframes svHeroRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---- scroll reveal for section headings + content (landing-style) ---- */
@media(prefers-reduced-motion:no-preference){
  .sv-rv .sv-eyebrow,.sv-rv .sv-h2,.sv-rv .sv-lead,
  .sv-rv .sv-grid,.sv-rv .sv-iccards,.sv-rv .sv-flow,.sv-rv .sv-timeline,
  .sv-rv .rp-grid,.sv-rv .sv-wedges,.sv-rv .fb-panel,.sv-rv .es-grid,
  .sv-rv .sg-grid,.sv-rv .sv-bars,.sv-rv .vc-wrap,.sv-rv .av-track,
  .sv-rv .ih-grid,.sv-rv .cw-wall,.sv-rv .sv-uc-grid,.sv-rv .sv-arcs,.sv-rv .ap-grid{
    opacity:0;transform:translateY(20px)}
  .sv-in .sv-eyebrow,.sv-in .sv-h2,.sv-in .sv-lead,
  .sv-in .sv-grid,.sv-in .sv-iccards,.sv-in .sv-flow,.sv-in .sv-timeline,
  .sv-in .rp-grid,.sv-in .sv-wedges,.sv-in .fb-panel,.sv-in .es-grid,
  .sv-in .sg-grid,.sv-in .sv-bars,.sv-in .vc-wrap,.sv-in .av-track,
  .sv-in .ih-grid,.sv-in .cw-wall,.sv-in .sv-uc-grid,.sv-in .sv-arcs,.sv-in .ap-grid{
    opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
  .sv-in .sv-eyebrow{transition-delay:.02s}
  .sv-in .sv-h2{transition-delay:.10s}
  .sv-in .sv-lead{transition-delay:.16s}
  .sv-in .sv-grid,.sv-in .sv-iccards,.sv-in .sv-flow,.sv-in .sv-timeline,
  .sv-in .rp-grid,.sv-in .sv-wedges,.sv-in .fb-panel,.sv-in .es-grid,
  .sv-in .sg-grid,.sv-in .sv-bars,.sv-in .vc-wrap,.sv-in .av-track,
  .sv-in .ih-grid,.sv-in .cw-wall,.sv-in .sv-uc-grid,.sv-in .sv-arcs,.sv-in .ap-grid{transition-delay:.24s}
}

/* hero conceptual visual — abstract command sphere (no dashboard) */
.sv-orb{position:relative;aspect-ratio:1;width:100%;max-width:460px;margin-inline:auto;display:grid;place-items:center}
.sv-orb-core{position:absolute;width:34%;height:34%;border-radius:50%;background:radial-gradient(circle at 38% 32%,color-mix(in oklab,var(--cyan) 80%,#fff),var(--violet-deep));box-shadow:0 0 60px -8px color-mix(in oklab,var(--cyan) 70%,transparent),0 0 120px -20px color-mix(in oklab,var(--violet) 70%,transparent)}
.sv-orb-ring{position:absolute;border-radius:50%;border:1px solid color-mix(in oklab,var(--violet-2) 36%,transparent)}
.sv-orb-ring.r1{width:54%;height:54%;animation:svspin 26s linear infinite}
.sv-orb-ring.r2{width:74%;height:74%;border-color:color-mix(in oklab,var(--cyan) 32%,transparent);border-style:dashed;animation:svspin 40s linear infinite reverse}
.sv-orb-ring.r3{width:96%;height:96%;border-color:color-mix(in oklab,var(--aub-2) 26%,transparent)}
.sv-orb svg{position:relative;z-index:2;width:100%;height:100%;overflow:visible}
.sv-orb-sweep{position:absolute;width:96%;height:96%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in oklab,var(--cyan) 26%,transparent) 40deg,transparent 80deg);animation:svspin 7s linear infinite;-webkit-mask:radial-gradient(circle,transparent 48%,#000 49%);mask:radial-gradient(circle,transparent 48%,#000 49%)}
@keyframes svspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sv-orb-ring,.sv-orb-sweep{animation:none}}

/* ---------------- PROBLEM ---------------- */
.sv-grid{display:grid;gap:16px;margin-top:38px}
.sv-grid.c4{grid-template-columns:repeat(4,1fr)}
.sv-grid.c3{grid-template-columns:repeat(3,1fr)}
.sv-grid.c2{grid-template-columns:repeat(2,1fr)}
.sv-card{position:relative;padding:22px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 60%,transparent),color-mix(in oklab,var(--panel-2) 80%,transparent));overflow:hidden;transition:.2s}
.sv-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--c,var(--violet-2)) 40%,transparent)}
.sv-ci{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--c,var(--cyan));background:color-mix(in oklab,var(--c,var(--cyan)) 14%,transparent);border:1px solid color-mix(in oklab,var(--c,var(--cyan)) 30%,transparent);margin-bottom:14px}
.sv-ci svg{width:24px;height:24px}
.sv-card h3{margin:0 0 7px;font-size:17px;font-weight:700;color:var(--head);line-height:1.3}
.sv-card p{margin:0;font-size:14px;color:var(--t2);line-height:1.6}
.sv-prob .sv-ci{color:var(--crit-t);background:color-mix(in oklab,var(--crit) 13%,transparent);border-color:color-mix(in oklab,var(--crit) 26%,transparent)}

/* ---------------- AUDIENCE ---------------- */
.sv-aud-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:30px}
.sv-aud-list{display:flex;flex-direction:column;gap:12px}
.sv-aud-item{display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:14px;border:1px solid var(--line-2);background:color-mix(in oklab,var(--bg-4) 50%,transparent)}
.sv-aud-item .sv-ci{margin:0;width:42px;height:42px}
.sv-aud-item b{display:block;color:var(--head);font-size:15.5px;font-weight:700;line-height:1.25}
.sv-aud-item span{font-size:13px;color:var(--t3)}
.sv-aud-note{padding:22px;border-radius:18px;border:1px dashed color-mix(in oklab,var(--cyan) 34%,transparent);background:color-mix(in oklab,var(--cyan) 8%,transparent)}
.sv-aud-note h4{margin:0 0 8px;color:var(--head);font-size:16px;display:flex;align-items:center;gap:9px}
.sv-aud-note h4 svg{color:var(--cyan)}
.sv-aud-note p{margin:0;color:var(--t2);font-size:14px;line-height:1.65}

/* ---------------- SECURITY ---------------- */
.sv-security{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--violet) 7%,transparent),transparent)}
.sv-sec-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.sv-sec-head .sv-h2,.sv-sec-head .sv-lead{margin-inline:auto;text-align:center}
.sv-secgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
.sv-secitem{display:flex;gap:14px;padding:18px;border-radius:15px;border:1px solid var(--line-2);background:color-mix(in oklab,var(--bg-4) 55%,transparent)}
.sv-secitem .sv-ci{margin:0;flex:none;width:42px;height:42px;color:var(--cyan);background:color-mix(in oklab,var(--cyan) 13%,transparent);border-color:color-mix(in oklab,var(--cyan) 28%,transparent)}
.sv-secitem b{display:block;color:var(--head);font-size:15px;margin-bottom:4px}
.sv-secitem p{margin:0;font-size:13px;color:var(--t2);line-height:1.55}
.sv-std{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.sv-std span{font-family:var(--f-en);font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--t1);padding:8px 15px;border-radius:10px;border:1px solid var(--line-2);background:color-mix(in oklab,var(--bg-4) 60%,transparent)}

/* ---------------- PRICING ---------------- */
.sv-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.sv-plan{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:20px;border:1px solid color-mix(in oklab,var(--c) 28%,var(--line-2));background:linear-gradient(180deg,color-mix(in oklab,var(--c) 7%,transparent),color-mix(in oklab,var(--panel-2) 85%,transparent));overflow:hidden;transition:.2s}
.sv-plan:hover{transform:translateY(-4px);box-shadow:0 26px 60px -32px color-mix(in oklab,var(--c) 70%,transparent)}
.sv-plan.feat{gap:0;border-color:color-mix(in oklab,var(--c) 55%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--c) 30%,transparent)}
.sv-plan-tag{position:absolute;inset-inline-end:18px;top:18px;font-size:11px;font-weight:700;color:#0a0734;background:var(--c);padding:4px 11px;border-radius:30px}
.sv-plan-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
/* keep the recommended tag from overlapping the plan title */
.sv-plan.feat .sv-plan-top{padding-inline-end:96px}
.sv-plan-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in oklab,var(--c) 50%,var(--violet-deep)));box-shadow:0 8px 22px -10px color-mix(in oklab,var(--c) 90%,transparent)}
.sv-plan-ic svg{width:24px;height:24px}
.sv-plan-nm{color:var(--head);font-size:18px;font-weight:700;line-height:1.2}
.sv-plan-scope{font-size:12px;color:var(--t3)}
.sv-plan-desc{font-size:13.5px;color:var(--t2);line-height:1.6;margin:0 0 14px}
.sv-plan-price{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--c);padding:9px 13px;border-radius:11px;background:color-mix(in oklab,var(--c) 11%,transparent);border:1px solid color-mix(in oklab,var(--c) 24%,transparent);margin-bottom:16px;align-self:flex-start}
.sv-plan-feats{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0 0 18px;padding:0;flex:1}
.sv-plan-feats li{display:flex;align-items:flex-start;gap:9px;font-size:15px;color:var(--t1);line-height:1.55}
.sv-plan-feats li svg{flex:none;margin-top:2px;color:var(--c)}
.sv-plan .btn{width:100%;justify-content:center}

/* ---------------- CTA BAND ---------------- */
.sv-ctaband{position:relative;margin:clamp(40px,6vw,72px) 0;padding:clamp(34px,5vw,56px);border-radius:26px;overflow:hidden;border:1px solid color-mix(in oklab,var(--cyan) 30%,transparent);background:linear-gradient(120deg,color-mix(in oklab,var(--violet) 22%,var(--bg-4)),color-mix(in oklab,var(--cyan) 14%,var(--bg-4)));text-align:center}
.sv-ctaband h2{margin:0 0 10px;font-size:clamp(24px,3vw,34px);color:var(--head);font-weight:700}
.sv-ctaband p{margin:0 auto 22px;font-size:16px;color:var(--t1);max-width:560px;line-height:1.65}
.sv-ctaband .sv-cta-row{justify-content:center;margin-top:0}

/* ---------------- FOOTER ---------------- */
.sv-foot{margin-top:auto;border-top:1px solid var(--line);padding:34px 0 26px;background:color-mix(in oklab,var(--bg-4) 40%,transparent)}
.sv-foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.sv-foot-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.sv-foot-links a{color:var(--t2);text-decoration:none;font-weight:600;font-size:14px}
.sv-foot-links a:hover{color:var(--cyan)}
.sv-foot-cp{margin-top:18px;font-size:12.5px;color:var(--t3);line-height:1.6}
.sv-foot-cp a{color:var(--violet-2);text-decoration:none}

/* ---- unified rich footer (matches landing) ---- */
.sv-rfoot{padding:46px 0 28px}
.sv-rf-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}
.sv-rf-brand{max-width:340px}
.sv-rf-vjn{font-family:"Montserrat","Poppins",system-ui,sans-serif;font-weight:800;font-size:22px;color:var(--head)}
.sv-rf-vjn span{color:var(--violet-2)}
.sv-rf-blurb{display:block;margin-top:8px;font-size:13px;color:var(--t2);line-height:1.6}
.sv-rf-mail{color:var(--t2);text-decoration:none;font-weight:600;font-size:14px}
.sv-rf-mail:hover{color:var(--cyan)}
.sv-rf-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:6px}
.sv-rf-col h4{margin:0 0 12px;font-size:14px;color:var(--head);font-weight:700}
.sv-rf-col a{display:block;color:var(--t2);text-decoration:none;font-size:13.5px;padding:5px 0}
.sv-rf-col a:hover{color:var(--cyan)}
.sv-rf-lockup{display:flex;align-items:center;justify-content:flex-start;padding:18px 0 6px;border-top:1px solid var(--line);margin-top:10px}
.sv-rf-lockup .lp-logo{height:34px;width:auto;display:block}
.sv-rf-lockup .lp-logo.logo-l{display:none}
[data-theme="light"] .sv-rf-lockup .lp-logo.logo-d{display:none}
[data-theme="light"] .sv-rf-lockup .lp-logo.logo-l{display:block}
.sv-rf-cp{font-size:12.5px;color:var(--t3);line-height:1.7}
.sv-rf-cp a{color:var(--violet-2);text-decoration:none}
@media(max-width:860px){.sv-rf-cols{grid-template-columns:repeat(2,1fr);gap:20px}}

/* ---------------- CONTACT FORM ---------------- */
.sv-contact{position:relative;border-top:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--cyan) 6%,transparent),transparent 40%)}
.sv-contact-in{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,56px);align-items:start}
.sv-contact-aside .sv-h2{font-size:clamp(24px,3vw,34px)}
.sv-contact-pts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.sv-contact-pts li{display:flex;gap:13px;align-items:flex-start}
.sv-contact-pts .sv-ci{margin:0;width:40px;height:40px;flex:none;color:var(--cyan);background:color-mix(in oklab,var(--cyan) 13%,transparent);border-color:color-mix(in oklab,var(--cyan) 28%,transparent)}
.sv-contact-pts b{display:block;color:var(--head);font-size:14.5px}
.sv-contact-pts span{font-size:13px;color:var(--t3);line-height:1.5}
.sv-form-card{position:relative;padding:clamp(22px,3vw,32px);border-radius:22px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 70%,transparent),color-mix(in oklab,var(--panel-2) 88%,transparent));box-shadow:var(--shadow);overflow:hidden}
.sv-form-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 220px at 88% -10%,color-mix(in oklab,var(--violet) 22%,transparent),transparent 60%)}
.sv-form-h{position:relative;margin:0 0 4px;font-size:21px;color:var(--head);font-weight:700}
.sv-form-sub{position:relative;margin:0 0 20px;font-size:13.5px;color:var(--t2);line-height:1.6}
.sv-form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sv-fld{display:flex;flex-direction:column;gap:7px}
.sv-fld.full{grid-column:1/3}
.sv-fld label{font-size:12.5px;color:var(--t2);font-weight:600}
.sv-fld label .req{color:var(--crit)}
.sv-fld input,.sv-fld select,.sv-fld textarea{height:46px;border-radius:12px;border:1px solid var(--line-2);background:color-mix(in oklab,var(--bg-0) 55%,transparent);color:var(--t0);padding:0 14px;font-family:inherit;font-size:14px;outline:none;transition:.16s}
.sv-fld textarea{height:auto;min-height:92px;padding:12px 14px;resize:vertical;line-height:1.6}
.sv-fld select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--t3) 50%),linear-gradient(135deg,var(--t3) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-size:6px 6px;background-repeat:no-repeat}
[dir="rtl"] .sv-fld select{background-position:18px 20px,24px 20px}
.sv-fld input:focus,.sv-fld select:focus,.sv-fld textarea:focus{border-color:color-mix(in oklab,var(--cyan) 55%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--cyan) 16%,transparent)}
.sv-fld input::placeholder,.sv-fld textarea::placeholder{color:var(--t3)}
.sv-form .btn{grid-column:1/3;justify-content:center;height:50px;font-size:15px}
.sv-form-note{grid-column:1/3;font-size:12px;color:var(--t3);text-align:center;line-height:1.6}
.sv-form-note a{color:var(--violet-2);text-decoration:none}
.sv-form-done{position:relative;text-align:center;padding:18px 6px}
.sv-form-done .ic{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;color:#fff;background:linear-gradient(135deg,var(--pos),var(--cyan));box-shadow:0 14px 34px -14px color-mix(in oklab,var(--pos) 80%,transparent)}
.sv-form-done h3{margin:0 0 8px;color:var(--head);font-size:21px}
.sv-form-done p{margin:0 auto;color:var(--t2);font-size:14px;max-width:380px;line-height:1.65}
.sv-form-ref{margin-top:16px;display:inline-flex;gap:8px;align-items:center;font-size:12.5px;color:var(--t3);border:1px solid var(--line-2);padding:8px 14px;border-radius:10px}
.sv-form-ref .mono{font-family:var(--f-mono);color:var(--cyan)}

/* ---------------- RESPONSIVE ---------------- */
/* tablet: 3-col grids → 2-col so cards don't squeeze; wide: cap container */
@media(min-width:721px) and (max-width:1080px){
  .sv-grid.c3,.sv-feat .sv-grid.c3{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1700px){
  .sv-wrap{max-width:1280px}
}
@media(max-width:980px){
  .sv-hero-in,.sv-aud-wrap,.sv-contact-in{grid-template-columns:1fr}
  .sv-orb,.sv-dome{order:-1;max-width:380px}
  .sv-grid.c4{grid-template-columns:repeat(2,1fr)}
  .sv-secgrid,.sv-plans{grid-template-columns:1fr}
}
@media(max-width:560px){
  .sv-grid.c4,.sv-grid.c3,.sv-grid.c2{grid-template-columns:1fr}
  .sv-form{grid-template-columns:1fr}
  .sv-fld.full,.sv-form .btn,.sv-form-note{grid-column:1}
}

/* ===== INDEX-MATCHED IMMERSIVE SCENE + HOLOGRAPHIC ICONS ===== */
[data-theme="dark"] .sv{background:radial-gradient(130% 95% at 50% -6%,#160f52 0%,#0a0734 48%,#04030e 100%)}
.sv-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.sv-scene .idx-aura,.sv-scene .idx-deco{position:absolute;inset:0}
.sv-hero,.sv-sec,.sv-foot{position:relative;z-index:1}
.lp-nav{z-index:60}
/* let the constellation glow through section backdrops */
.sv-hero-bg{opacity:.42}
.sv-security{background:linear-gradient(180deg,color-mix(in oklab,var(--violet) 6%,transparent),transparent),color-mix(in oklab,var(--bg-0) 30%,transparent)}

.sv-holo{position:relative;width:92px;height:86px;margin:0 auto 16px}
.sv-holo-ic{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:48px;height:48px;z-index:3;color:var(--c,var(--cyan));filter:drop-shadow(0 4px 9px color-mix(in oklab,var(--c,var(--cyan)) 42%,transparent)) drop-shadow(0 0 3px color-mix(in oklab,var(--c,var(--cyan)) 34%,transparent))}
.sv-holo-ic svg,.sv-holo-refl svg{width:48px;height:48px}
.sv-holo-refl{position:absolute;top:52px;left:50%;transform:translateX(-50%) scaleY(-.5);width:48px;height:48px;z-index:1;color:var(--c,var(--cyan));opacity:.16;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.sv-holo-floor{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:82px;height:22px;border-radius:50%;z-index:0;background:radial-gradient(closest-side,color-mix(in oklab,var(--c,var(--cyan)) 34%,transparent),transparent)}
/* ============================================================
   (proposal) UNIFIED GLOW RESTRAINT — match the landing holo
   treatment to the (now softened) sv-holo, so every marketing
   page reads with the same calmer glow. Higher specificity
   (.lp-svc-holo .lp-svc-ic = 0,2,0) beats the inline #lp-svc-style
   rule (.lp-svc-ic = 0,1,0). Channel-card holo matched too.
   ============================================================ */
.lp-svc-holo .lp-svc-ic,.ch-holo .ch-holo-ic{filter:drop-shadow(0 4px 9px color-mix(in oklab,var(--c) 40%,transparent)) drop-shadow(0 0 3px color-mix(in oklab,var(--c) 32%,transparent)) !important}
.lp-svc-holo .lp-svc-floor,.ch-holo .ch-holo-floor{background:radial-gradient(closest-side,color-mix(in oklab,var(--c) 32%,transparent),transparent) !important}
.sv-holo-ring{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;z-index:2;pointer-events:none}
.sv-holo-ring.r1{bottom:12px;width:54px;height:14px;border:1.3px solid color-mix(in oklab,var(--c,var(--cyan)) 60%,transparent);opacity:.62}
.sv-holo-ring.r2{bottom:6px;width:82px;height:22px;border:1.3px solid color-mix(in oklab,var(--c,var(--cyan)) 40%,transparent);opacity:.28}
.sv-feat .sv-card{text-align:center;padding-top:26px}
.sv-feat .sv-card h3,.sv-feat .sv-card p{text-align:center}

/* ===== SOVEREIGN SMART-DOME HERO VISUAL ===== */
.sv-dome{position:relative;width:100%;max-width:660px;margin-inline:auto;aspect-ratio:600/560}
.sv-dome-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sv-shield ellipse{vector-effect:non-scaling-stroke}
.sv-beam{stroke-width:1.7;stroke-linecap:round;stroke-dasharray:4 9;opacity:.9;animation:svBeam 2.6s linear infinite}
@keyframes svBeam{to{stroke-dashoffset:-26}}
.sv-apex-ring{animation:svApex 2.6s ease-out infinite}
@keyframes svApex{0%{r:6;stroke-opacity:.6}100%{r:22;stroke-opacity:0}}
.sv-node-lbl{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:30px;background:color-mix(in oklab,var(--bg-4) 80%,transparent);border:1px solid color-mix(in oklab,var(--c) 45%,transparent);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);white-space:nowrap;box-shadow:0 8px 22px -10px color-mix(in oklab,var(--c) 75%,transparent)}
[data-theme="light"] .sv-node-lbl{background:color-mix(in oklab,#fffefa 90%,transparent)}
.sv-node-lbl .nd{width:9px;height:9px;border-radius:50%;flex:none;background:var(--c);box-shadow:0 0 10px var(--c);animation:svPulse 2s ease-in-out infinite}
.sv-node-lbl svg{width:14px;height:14px;color:var(--c);flex:none}
.sv-node-lbl b{font-size:12.5px;font-weight:700;color:var(--head)}
[dir="ltr"] .sv-node-lbl b{font-family:"Montserrat",system-ui;font-weight:800}
@keyframes svPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}
@media(prefers-reduced-motion:reduce){.sv-beam,.sv-apex-ring,.sv-node-lbl .nd{animation:none}}

/* ===== NUMBERED HEXAGON HOLOGRAPHIC CAPABILITY CARDS ===== */
.sv-feat .sv-grid.c3{gap:16px}
.sv-feat-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:6px;padding:26px 24px;min-height:214px;border-radius:18px;border:1px solid color-mix(in oklab,var(--c) 30%,var(--line-2));background:linear-gradient(165deg,color-mix(in oklab,var(--c) 9%,transparent),color-mix(in oklab,var(--panel-2) 80%,transparent));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .18s,box-shadow .18s}
.sv-feat-card:hover{transform:translateY(-4px);box-shadow:0 28px 56px -34px color-mix(in oklab,var(--c) 50%,#000)}
.sv-feat-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(56% 70% at 82% 56%,color-mix(in oklab,var(--c) 12%,transparent),transparent 60%)}
.sv-feat-tx{flex:1;min-width:0;position:relative}
.sv-feat-tx h3,.sv-card h3,.sv-card h4,.sv-uc h4,.sv-sphere h4,.sv-arc h4,.sv-wedge h4,.sv-pillar-title{text-wrap:balance;overflow-wrap:anywhere}
.sv-feat-num{position:relative;width:44px;height:48px;margin-bottom:14px}
.sv-feat-num svg{position:absolute;inset:0;width:100%;height:100%}
.sv-feat-num b{position:absolute;inset:0;display:grid;place-items:center;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:16px;color:var(--c)}
.sv-feat-card h3{margin:0;font-size:19px;font-weight:700;color:var(--head);line-height:1.3}
.sv-feat-ul{width:38px;height:3px;border-radius:3px;margin:9px 0;background:linear-gradient(90deg,var(--c),transparent)}
[dir="rtl"] .sv-feat-ul{background:linear-gradient(-90deg,var(--c),transparent)}
.sv-feat-card p{margin:0;font-size:14px;line-height:1.6;color:var(--t2)}
.sv-feat .sv-holo{width:160px;height:172px;margin:0;flex:none}
.sv-feat .sv-holo-ic{top:16px;width:96px;height:96px}
.sv-feat .sv-holo-ic svg,.sv-feat .sv-holo-refl svg{width:96px;height:96px}
.sv-feat .sv-holo-refl{top:108px;width:96px;height:96px}
.sv-feat .sv-holo-floor{bottom:8px;width:144px;height:38px}
.sv-feat .sv-holo-ring.r1{bottom:22px;width:90px;height:24px}
.sv-feat .sv-holo-ring.r2{bottom:8px;width:144px;height:38px}
@media(max-width:560px){.sv-feat-card{flex-direction:column-reverse;text-align:center}.sv-feat-tx{text-align:center}[dir="rtl"] .sv-feat-ul,.sv-feat-ul{margin-inline:auto}.sv-feat-num{margin-inline:auto}}

/* ===== COMPLIANCE BADGE ROW ===== */
.sv-std{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;border-top:1px solid var(--line);padding-top:26px}
.sv-badge{display:flex;align-items:center;justify-content:center;gap:14px}
.sv-badge-tx{text-align:end}
[dir="ltr"] .sv-badge-tx{text-align:start}
.sv-badge-tx b{display:block;color:var(--head);font-size:15px;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800}
.sv-badge-tx span{font-size:12px;color:var(--t3)}
.sv-badge-ring{position:relative;width:48px;height:48px;flex:none}
.sv-badge-ring svg{width:48px;height:48px}
.sv-badge-ring circle.t{fill:none;stroke:color-mix(in oklab,var(--cyan) 22%,transparent);stroke-width:2.6}
.sv-badge-ring circle.p{fill:none;stroke:var(--cyan);stroke-width:2.6;stroke-linecap:round}
.sv-badge-ring .rv{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-mono);font-size:9px;font-weight:700;color:var(--cyan)}
.sv-badge-ring .rt{position:absolute;inset:0;display:grid;place-items:center;font-family:"Montserrat",var(--f-en),system-ui;font-size:8.5px;font-weight:800;color:var(--cyan);line-height:1;text-align:center}
.sv-badge-ring .ri{position:absolute;inset:0;display:grid;place-items:center;color:var(--cyan)}
@media(max-width:780px){.sv-std{grid-template-columns:repeat(2,1fr)}}

/* ===== SOVEREIGN MAP HERO · data network ===== */
.sv-maphero{position:relative;overflow:hidden;min-height:660px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0;background:radial-gradient(120% 100% at 20% 42%,#0e1a4a 0%,#0a0f38 46%,#070826 100%)}
.sv-maphero-stage{position:absolute;inset:0;z-index:0}
.sv-maphero-map{position:absolute;inset-inline-end:-1%;inset-inline-start:auto;top:43%;transform:translateY(-50%);width:min(58%,680px);height:auto;max-height:104%;filter:drop-shadow(0 0 32px rgba(23,209,198,.22))}
/* English (LTR): mirror the map (same portrait shape, reversed) + nudge up */
[dir="ltr"] .sv-maphero-map{transform:translateY(-58%) scaleX(-1);inset-inline-end:-3%}
.sv-maphero-map .svm-net line{stroke-dasharray:3 7;animation:svmNet 6s linear infinite}
@keyframes svmNet{to{stroke-dashoffset:-20}}
.sv-maphero-map .svm-cap-ring{animation:svmCap 2.8s ease-out infinite}
@keyframes svmCap{0%{r:5;stroke-opacity:.7}100%{r:20;stroke-opacity:0}}
.sv-maphero-rail{position:absolute;inset-inline-end:clamp(14px,3vw,46px);inset-inline-start:auto;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:7px;pointer-events:none}
.sv-rail-item{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:11px;color:var(--t1);font-size:13px;font-weight:600;background:rgba(7,8,38,.45);border:1px solid rgba(127,231,224,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sv-rail-item svg{width:15px;height:15px;color:#7fe7e0;opacity:.85;flex:none}
.sv-rail-item.on{background:color-mix(in oklab,#17d1c6 16%,rgba(7,8,38,.5));border-color:color-mix(in oklab,#17d1c6 32%,transparent);color:#fff}
.sv-rail-dot{width:7px;height:7px;border-radius:50%;background:#17d1c6;box-shadow:0 0 8px #17d1c6;flex:none}
.sv-maphero-in{position:relative;z-index:3;width:min(1340px,100%);margin:0 auto;padding:60px clamp(16px,4vw,40px);display:flex;justify-content:flex-start}
.sv-maphero-panel{max-width:540px;padding:34px 32px;border-radius:22px;background:linear-gradient(180deg,rgba(7,8,38,.74),rgba(7,8,38,.52));border:1px solid rgba(127,231,224,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 70px -36px rgba(0,0,0,.7)}
.sv-maphero-panel h1{color:#fff;font-size:clamp(28px,4vw,46px)}
.sv-maphero-panel .sv-lead{color:rgba(226,232,240,.92);font-size:16.5px}
.sv-glass-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sv-maphero-panel .sv-cta-row{flex-wrap:wrap}
.sv-maphero-panel .sv-cta-row .btn{flex:1 1 200px;justify-content:center}
@media(max-width:920px){.sv-maphero-rail{display:none}.sv-maphero-map{inset-inline-end:-14%;width:92%;opacity:.45}.sv-maphero-in{justify-content:center}.sv-maphero{min-height:560px}}

/* ===== REVISION 2 ===== */
.sv-h2{background:linear-gradient(95deg,var(--head) 35%,color-mix(in oklab,var(--cyan) 60%,var(--head)));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="light"] [style*="feb602"]{--c:#0a9e94 !important;--seg:#0a9e94 !important}
.sv-cov{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:14px;border-radius:14px;background:color-mix(in oklab,var(--c) 7%,transparent);border:1px solid color-mix(in oklab,var(--c) 18%,var(--line))}
.sv-cov-ring{position:relative;width:84px;height:84px;flex:none}
.sv-cov-ring svg{width:84px;height:84px}
.sv-cov-ring circle.t{fill:none;stroke:color-mix(in oklab,var(--c) 18%,transparent);stroke-width:7}
.sv-cov-ring circle.p{fill:none;stroke:var(--c);stroke-width:7;stroke-linecap:round}
.sv-cov-val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sv-cov-val b{font-family:var(--f-mono);font-size:18px;color:var(--head);line-height:1}
.sv-cov-val span{font-size:9.5px;color:var(--t3)}
.sv-cov-bars{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.sv-cov-row{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--t2)}
.sv-cov-row>span:first-child{width:48px;flex:none;text-align:start}
.sv-cov-track{flex:1;height:6px;border-radius:6px;background:color-mix(in oklab,var(--c) 14%,transparent);overflow:hidden}
.sv-cov-track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--c),color-mix(in oklab,var(--c) 45%,#fff))}
.sv-cov-row>b{font-family:var(--f-mono);font-size:12px;color:var(--head);width:34px;text-align:end}
.sv-badge{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:14px;border:1px solid var(--line-2);background:var(--panel)}
.sv-badge-seal{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--cyan);background:color-mix(in oklab,var(--cyan) 12%,transparent);border:1px solid color-mix(in oklab,var(--cyan) 26%,transparent)}
.sv-badge-tx{text-align:start}
.sv-badge-tx b{display:block;color:var(--head);font-size:15px;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800}
.sv-badge-tx span{font-size:12px;color:var(--pos);font-weight:600}
.sv-contact-pts li{align-items:center}
.sv-pt-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);flex:none}
.sv-cta-row .btn-primary svg,.sv-plan .btn svg,.sv-form .btn svg{color:#fff}

/* clean light-mode background — keep the wavy line deco (like dark), but drop the muddy aura glow */
[data-theme="light"] .sv{background:#faf6e7}
[data-theme="light"] .sv-scene{display:block;opacity:.65}
[data-theme="light"] .sv-scene .idx-aura{display:none}
[data-theme="light"] .sv-foot{background:#faf6e7}
[data-theme="light"] .sv-security{background:linear-gradient(180deg,#f7f6f1,transparent)}
[data-theme="dark"] .sv .lp-nav{background:#0a0734}
[data-theme="light"] .sv .lp-nav{background:#faf6e7}

/* ===== PER-SEGMENT ANIMATED BACKGROUND ===== */
.sv-segbg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(620px 480px at 16% 22%,color-mix(in oklab,var(--seg) 22%,transparent),transparent 60%),radial-gradient(560px 440px at 84% 80%,color-mix(in oklab,var(--seg) 15%,transparent),transparent 60%);animation:segDrift 16s ease-in-out infinite alternate}
.sv-segbg::after{content:"";position:absolute;inset:-25%;background:linear-gradient(115deg,transparent 42%,color-mix(in oklab,var(--seg) 10%,transparent) 50%,transparent 58%);animation:segSweep 11s linear infinite}
@keyframes segDrift{0%{transform:scale(1)}100%{transform:scale(1.12) translate(2%,-2%)}}
@keyframes segSweep{0%{transform:translateX(-26%)}100%{transform:translateX(26%)}}
[data-theme="light"] .sv-segbg{opacity:.3}
@media(prefers-reduced-motion:reduce){.sv-segbg,.sv-segbg::after{animation:none}}

/* fields & contact blend into page · refined CTA · uniform header */
.sv-fld input,.sv-fld select,.sv-fld textarea{background:transparent}
.sv-contact{background:transparent}
.sv-form-card{background:transparent;box-shadow:none}
.sv .btn-primary{background:linear-gradient(120deg,#0f8f86,#17d1c6);box-shadow:0 10px 26px -14px rgba(23,209,198,.55)}
.sv .btn-primary:hover{background:linear-gradient(120deg,#13a89d,#37ddd2)}
.sv .lp-links>a,.sv .dd-trigger{background:transparent;border-color:color-mix(in oklab,var(--line) 85%,transparent)}
.sv .lp-nav-ci{background:transparent}

/* ===== REVISION: single solid layer · wider · cleaner ===== */
.sv-scene{opacity:.8}
.sv-wrap{width:min(1340px,100%)}
.sv-security{background:transparent}
.sv-foot{background:var(--panel-2)}
.sv-contact{background:transparent;border-top:1px solid var(--line)}
.sv-form-card{background:color-mix(in oklab,var(--bg-4) 24%,transparent);box-shadow:none}
.sv-form-card::before{display:none}
.sv-std{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sv-badge{display:flex;align-items:center;gap:13px;justify-content:flex-start;padding:14px 16px;border-radius:14px;border:1px solid var(--line-2);background:color-mix(in oklab,var(--cyan) 6%,transparent)}
.sv-badge-seal{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--cyan);background:color-mix(in oklab,var(--cyan) 14%,transparent);border:1px solid color-mix(in oklab,var(--cyan) 30%,transparent)}
.sv-badge-tx{text-align:start}
.sv-badge-tx b{display:block;color:var(--head);font-size:14.5px;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800}
.sv-badge-tx span{font-size:12px;color:var(--t3)}
.sv-aud-note{display:flex;align-items:flex-start;gap:14px;margin-top:30px;padding:20px 22px;border-radius:16px;border:1px solid color-mix(in oklab,var(--cyan) 30%,transparent);background:color-mix(in oklab,var(--cyan) 8%,transparent)}
.sv-aud-note-ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;color:var(--cyan);background:color-mix(in oklab,var(--cyan) 15%,transparent)}
.sv-aud-note b{display:block;color:var(--head);font-size:16px;margin-bottom:5px}
.sv-aud-note p{margin:0;color:var(--t2);font-size:14px;line-height:1.6}
.sv-aud-grid{margin-top:16px}
.sv-aud-card{display:flex;flex-direction:column;gap:7px;padding:22px;border-radius:16px;border:1px solid color-mix(in oklab,var(--c) 28%,var(--line-2));background:linear-gradient(165deg,color-mix(in oklab,var(--c) 8%,transparent),color-mix(in oklab,var(--panel-2) 80%,transparent));transition:transform .18s}
.sv-aud-card:hover{transform:translateY(-3px)}
.sv-aud-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 14%,transparent);border:1px solid color-mix(in oklab,var(--c) 30%,transparent);margin-bottom:4px}
.sv-aud-card b{color:var(--head);font-size:15.5px;font-weight:700;line-height:1.3}
.sv-aud-card span{color:var(--t3);font-size:13px}
@media(max-width:780px){.sv-std{grid-template-columns:1fr 1fr}.sv-aud-note{flex-direction:column}}

/* ===== FINAL OVERRIDE: fields/contact/form = page background · opaque header ===== */
/* form fields & card blend fully into the page (same as page background) */
.sv-form-card,.sv-form-card::before{background:transparent !important;box-shadow:none !important;border:0 !important;padding-left:0;padding-right:0}
.sv-contact{background:transparent !important}
.sv-fld input,.sv-fld select,.sv-fld textarea{background:transparent !important;border:1px solid var(--line-2) !important}
.sv-fld input:focus,.sv-fld select:focus,.sv-fld textarea:focus{border-color:color-mix(in oklab,var(--cyan) 55%,transparent) !important}
.sv-fld select{color-scheme:dark}
.sv-fld option{background:#07082a;color:#fff}
[data-theme="light"] .sv-fld select{color-scheme:light}
[data-theme="light"] .sv-fld option{background:#fff;color:#0a0738}
.sv-fld select option{background:var(--bg-0);color:var(--t0)}
/* opaque header, exactly the page base background, no colour bleed */
.sv .lp-nav{background:transparent !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border-bottom:1px solid var(--line)}
.sv .lp-nav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(620px 480px at 16% -120%,color-mix(in oklab,var(--seg,#17d1c6) 22%,transparent),transparent 60%)}
.sv .lp-nav{position:sticky}
[data-theme="dark"] .sv .lp-nav{background:color-mix(in oklab,#090454 78%,transparent) !important}
[data-theme="light"] .sv .lp-nav{background:color-mix(in oklab,#faf6e7 80%,transparent) !important}
/* keep the segment background OFF behind the header zone by sitting under it; header is opaque so no bleed */

/* ============================================================
   UNIFIED BACKGROUND — header/hero/sections/footer share ONE
   page background (theme colour + effects), no isolated blocks
   ============================================================ */
/* hero takes the page background itself — no standalone dark slab */
.sv-maphero{background:transparent !important;border-bottom:0 !important}
.sv-maphero-stage{opacity:1}
/* map network adapts: cyan reads on both themes; soften on light */
[data-theme="light"] .sv-maphero-map{filter:drop-shadow(0 0 22px rgba(15,143,134,.22));opacity:.9}
/* text panel = subtle theme glass, not a navy block */
.sv-maphero-panel{background:color-mix(in oklab,var(--bg-4) 46%,transparent) !important;border:1px solid var(--line-2) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 70px -42px color-mix(in oklab,var(--seg,#17d1c6) 40%,#000) !important}
.sv-maphero-panel h1{color:var(--head) !important}
.sv-maphero-panel .sv-lead{color:var(--t2) !important}
/* side rail chips follow the theme */
.sv-rail-item{background:linear-gradient(160deg,color-mix(in oklab,#0a1f48 15%,transparent),transparent) !important;border:1px solid color-mix(in oklab,var(--cyan) 24%,transparent) !important;color:var(--head);padding:11px 15px;border-radius:13px;backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);box-shadow:0 14px 32px -22px #000,inset 0 1px 0 color-mix(in oklab,#fff 13%,transparent);text-shadow:0 1px 5px rgba(2,8,24,.6)}
.sv-rail-item.on{background:color-mix(in oklab,var(--cyan) 15%,transparent) !important;border-color:color-mix(in oklab,var(--cyan) 38%,transparent) !important;color:var(--head)}
.sv-rail-item svg{color:var(--cyan)}
/* footer dissolves into the page too */
.sv-foot{background:transparent !important}
[data-theme="light"] .sv-foot{background:transparent !important}
/* sections stay transparent so the fixed page background + effects run unbroken */
.sv-security{background:transparent !important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-theme="light"] .sv-security{background:transparent !important}
/* the one page background per theme (kept), effects layered above via fixed .sv-scene + .sv-segbg */
[data-theme="light"] .sv{background:#faf6e7 fixed}
/* light-mode gentle effect so it isn't flat */
[data-theme="light"] .sv-segbg{opacity:.45}
/* entities: softer lavender (خزامى) glow in light mode only — cream bg stays */
[data-theme="light"] .sv[data-seg="entities"]{--seg:#b794d4}
[data-theme="light"] .sv[data-seg="entities"] .sv-segbg{--seg:#b794d4 !important;opacity:.7}

/* entities HERO touches → violet (dark) / lavender (light): orb, eyebrow, chips, CTA, hero glow.
   Diagonal background lines (.sv-scene) keep their multi-color. */
.sv[data-seg="entities"]{--hv:#9d7bff}
[data-theme="light"] .sv[data-seg="entities"]{--hv:#b07cc6}
.sv[data-seg="entities"] .sv-hero-bg{background:radial-gradient(820px 480px at 82% -8%,color-mix(in oklab,var(--hv) 34%,transparent),transparent 60%),radial-gradient(620px 420px at 12% 8%,color-mix(in oklab,var(--hv) 18%,transparent),transparent 62%)}
.sv[data-seg="entities"] .sv-hero .sv-eyebrow{color:var(--hv);border-color:color-mix(in oklab,var(--hv) 32%,transparent);background:color-mix(in oklab,var(--hv) 9%,transparent)}
.sv[data-seg="entities"] .sv-hero .sv-eyebrow svg{color:var(--hv)}
.sv[data-seg="entities"] .sv-hero .sv-chip svg{color:var(--hv)}
.sv[data-seg="entities"] .sv-hero .btn:not(.btn-primary){border-color:color-mix(in oklab,var(--hv) 38%,transparent);color:var(--hv)}
.sv[data-seg="entities"] .sv-hero .btn:not(.btn-primary) svg{color:var(--hv)}
.sv[data-seg="entities"] .sv-orb-core{background:radial-gradient(circle at 38% 32%,color-mix(in oklab,var(--hv) 78%,#fff),var(--violet-deep))}
.sv[data-seg="entities"] .sv-orb-ring{border-color:color-mix(in oklab,var(--hv) 42%,transparent) !important}
.sv[data-seg="entities"] .sv-orb-ring.r2{border-color:color-mix(in oklab,var(--hv) 30%,transparent) !important}
.sv[data-seg="entities"] .sv-orb-sweep{background:conic-gradient(from 0deg,transparent 0deg,color-mix(in oklab,var(--hv) 30%,transparent) 40deg,transparent 80deg)}
.sv[data-seg="entities"] .sv-orb svg line{stroke:var(--hv) !important}
.sv[data-seg="entities"] .sv-orb svg circle{fill:var(--hv) !important}
.sv[data-seg="entities"] .sv-hero .btn-primary{background:linear-gradient(120deg,#7b6cf0,#9d7bff) !important;color:#fff !important;border-color:transparent !important}
.sv[data-seg="entities"] .sv-hero .btn-primary svg{color:#fff !important}
/* entities: section CTAs (contact / pricing / trust) → violet in both themes */
.sv[data-seg="entities"] .sv-sec .btn-primary,.sv[data-seg="entities"] .sv-feat .btn-primary{background:linear-gradient(120deg,#7b6cf0,#9d7bff) !important;color:#fff !important;border-color:transparent !important}
.sv[data-seg="entities"] .sv-sec .btn-primary svg,.sv[data-seg="entities"] .sv-feat .btn-primary svg{color:#fff !important}
.sv[data-seg="entities"] .sv-contact-aside .sv-ci,.sv[data-seg="entities"] .sv-contact-pts .sv-ci{color:#9d7bff !important}
[data-theme="light"] .sv[data-seg="entities"] .sv-contact-aside .sv-ci,[data-theme="light"] .sv[data-seg="entities"] .sv-contact-pts .sv-ci{color:#8a5fc2 !important}

/* government hero visual — building emitting analytics */
.sv-gov-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle at 50% 60%,color-mix(in oklab,var(--hv,#9d7bff) 34%,transparent),transparent 68%);filter:blur(6px)}
.sv-govimg{overflow:visible}
.sv-gov-pic{position:relative;z-index:2;width:148%;max-width:none;height:auto;object-fit:contain;margin-inline-start:-24%;opacity:.4;filter:saturate(.5) brightness(1.05) contrast(.94) drop-shadow(0 16px 28px rgba(10,7,52,.22));-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 32%,#000 68%,transparent 96%),radial-gradient(70% 78% at 50% 50%,#000 34%,transparent 88%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 4%,#000 32%,#000 68%,transparent 96%),radial-gradient(70% 78% at 50% 50%,#000 34%,transparent 88%);mask-composite:intersect}
[data-theme="light"] .sv-gov-pic{opacity:.36;filter:saturate(.52) brightness(1.03) contrast(.95) drop-shadow(0 14px 22px rgba(90,60,120,.12))}
.sv-gov-fx{position:absolute !important;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}

/* radar / sonar behind the building */
.sv-gov-radar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:118%;aspect-ratio:1;border-radius:50%;z-index:1;pointer-events:none;
  background:
    repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 11.4%,color-mix(in oklab,var(--hv,#9d7bff) 18%,transparent) 11.5%,transparent 12%),
    radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--hv,#9d7bff) 10%,transparent),transparent 70%);
  -webkit-mask-image:radial-gradient(circle,#000 64%,transparent 100%);mask-image:radial-gradient(circle,#000 64%,transparent 100%)}
.sv-gov-radar::before,.sv-gov-radar::after{content:"";position:absolute;inset:8% 50% 8% 50%;width:1px;background:color-mix(in oklab,var(--hv,#9d7bff) 18%,transparent)}
.sv-gov-radar::after{inset:50% 8% 50% 8%;height:1px;width:auto}
.sv-gov-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in oklab,var(--hv,#9d7bff) 34%,transparent) 0deg,transparent 56deg,transparent 360deg);animation:svRadar 5s linear infinite}
.sv-gov-blip{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--hv,#9d7bff);box-shadow:0 0 12px var(--hv,#9d7bff);transform:translate(-50%,-50%);animation:svBlip 5s ease-out infinite}
.sv-gov-blip.b2{animation-delay:.9s;background:#17d1c6;box-shadow:0 0 12px #17d1c6}
.sv-gov-blip.b3{animation-delay:1.8s}
.sv-gov-blip.b4{animation-delay:2.7s;background:#b794d4;box-shadow:0 0 12px #b794d4}
.sv-gov-blip.b5{animation-delay:3.6s}
@keyframes svRadar{to{transform:rotate(360deg)}}
@keyframes svBlip{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}8%{opacity:1;transform:translate(-50%,-50%) scale(1)}45%{opacity:.25}100%{opacity:0}}

/* floating word tags emerging from the building */
.sv-gov-tags{position:absolute;inset:0;z-index:4;pointer-events:none}
.sv-gov-tag{position:absolute;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--head);padding:6px 13px;border-radius:30px;white-space:nowrap;background:color-mix(in oklab,var(--bg-4) 66%,transparent);border:1px solid color-mix(in oklab,var(--hv,#9d7bff) 36%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 8px 22px -10px rgba(8,5,40,.6),0 0 18px -8px color-mix(in oklab,var(--hv,#9d7bff) 60%,transparent);animation:svGovFloat 6s ease-in-out infinite}
.sv-gov-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hv,#9d7bff);box-shadow:0 0 8px var(--hv,#9d7bff)}
.sv-gov-tag:nth-child(2){animation-delay:.8s}
.sv-gov-tag:nth-child(3){animation-delay:1.6s}
.sv-gov-tag:nth-child(4){animation-delay:2.2s}
.sv-gov-tag:nth-child(5){animation-delay:3s}
[data-theme="light"] .sv-gov-tag{background:rgba(255,255,255,.78);box-shadow:0 8px 22px -12px rgba(90,60,120,.4)}
@media(prefers-reduced-motion:reduce){.sv-gov-radar-sweep,.sv-gov-blip,.sv-gov-tag{animation:none}.sv-gov-blip{opacity:.9}}

/* entities PROBLEM wedges — differentiated: no glow, accent bar on the right,
   big icon on the left with a reflection, text right-aligned */
.sv[data-seg="entities"] .sv-wedge{position:relative;overflow:visible;padding:24px 24px 24px 116px;border:1px solid var(--line-2);border-right:3px solid var(--c);text-align:right}
.sv[data-seg="entities"] .sv-wedge::before{display:none !important}
.sv[data-seg="entities"] .sv-wedge-top{position:absolute;left:22px;top:28px;margin:0;display:block}
.sv[data-seg="entities"] .sv-wedge-ic{width:78px;height:78px;border-radius:20px;box-shadow:none !important;-webkit-box-reflect:below 3px linear-gradient(transparent 52%,rgba(255,255,255,.16))}
.sv[data-seg="entities"] .sv-wedge-ic svg{filter:none !important;width:38px;height:38px}
.sv[data-seg="entities"] .sv-wedge-ul{margin-inline-start:auto;margin-inline-end:0}
@media(max-width:560px){.sv[data-seg="entities"] .sv-wedge{padding:22px 22px 22px 104px}.sv[data-seg="entities"] .sv-wedge-ic{width:68px;height:68px}}

/* entities iccards (command view) — brush-stroke crossing frames (painted look) */
.sv[data-seg="entities"] .sv-fr::before,.sv[data-seg="entities"] .sv-fr::after{box-shadow:none;border-radius:4px;filter:blur(.35px)}
.sv[data-seg="entities"] .sv-fr-tr::before{height:7px;width:176px;background:linear-gradient(90deg,transparent 0,var(--c) 13%,var(--c) 86%,transparent 100%);-webkit-mask-image:repeating-linear-gradient(86deg,#000 0 3px,rgba(0,0,0,.45) 4px,#000 8px,rgba(0,0,0,.7) 11px,#000 14px);mask-image:repeating-linear-gradient(86deg,#000 0 3px,rgba(0,0,0,.45) 4px,#000 8px,rgba(0,0,0,.7) 11px,#000 14px)}
.sv[data-seg="entities"] .sv-fr-tr::after{width:7px;height:176px;inset-inline-end:18px;background:linear-gradient(180deg,transparent 0,var(--c) 13%,var(--c) 86%,transparent 100%);-webkit-mask-image:repeating-linear-gradient(176deg,#000 0 3px,rgba(0,0,0,.45) 4px,#000 8px,rgba(0,0,0,.7) 11px,#000 14px);mask-image:repeating-linear-gradient(176deg,#000 0 3px,rgba(0,0,0,.45) 4px,#000 8px,rgba(0,0,0,.7) 11px,#000 14px)}
.sv[data-seg="entities"] .sv-fr-bl::before{height:7px;width:176px;background:linear-gradient(90deg,transparent 0,var(--c) 13%,var(--c) 86%,transparent 100%);-webkit-mask-image:repeating-linear-gradient(94deg,#000 0 3px,rgba(0,0,0,.45) 4px,#000 8px,rgba(0,0,0,.7) 11px,#000 14px);mask-image:repeating-linear-gradient(94deg,#000 0 3px,rgba(0,0,0,.45) 4px,#000 8px,rgba(0,0,0,.7) 11px,#000 14px)}
.sv[data-seg="entities"] .sv-fr-bl::after{width:7px;height:176px;inset-inline-start:18px;background:linear-gradient(180deg,transparent 0,var(--c) 13%,var(--c) 86%,transparent 100%);-webkit-mask-image:repeating-linear-gradient(184deg,#000 0 3px,rgba(0,0,0,.45) 4px,#000 8px,rgba(0,0,0,.7) 11px,#000 14px);mask-image:repeating-linear-gradient(184deg,#000 0 3px,rgba(0,0,0,.45) 4px,#000 8px,rgba(0,0,0,.7) 11px,#000 14px)}
.sv-gov-float{animation:svGovFloat 5.5s ease-in-out infinite}
.sv-gov-float2{animation:svGovFloat 6.5s ease-in-out infinite .4s}
.sv-gov-float3 circle{animation:svGovBlink 3.4s ease-in-out infinite}
.sv-gov-dash{animation:svGovDash 6s linear infinite}
@keyframes svGovFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes svGovBlink{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes svGovDash{to{stroke-dashoffset:-36}}
@media(prefers-reduced-motion:reduce){.sv-gov-float,.sv-gov-float2,.sv-gov-float3 circle,.sv-gov-dash{animation:none}}

/* ===== HEADER = literally the page background (transparent), no colour band ===== */
.sv .lp-nav{background:transparent !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;border-bottom:0 !important}
.sv .lp-nav::before{display:none !important}
[data-theme="dark"] .sv .lp-nav,[data-theme="light"] .sv .lp-nav{background:transparent !important}
/* effects must paint behind the sticky header too (header is transparent, so they show through) */
.sv-scene,.sv-segbg{z-index:0}
.lp-nav{z-index:300}
.dd{position:relative;z-index:300}
.dd-panel{z-index:1000}

/* ===== FIX: lift the unified header (and its Channels dropdown) above page
   content on ft-wrap pages (about/contact/faq/free-tools/free-tool/
   subscriptions). Those pages inject `.ft-wrap>*{z-index:1}`, which traps the
   header in the SAME stacking layer as the sections below it — so the opaque
   dropdown panel rendered BEHIND the section text. Higher-specificity selector
   (.ft-wrap>.lp-nav) beats that rule and gives the header its own top layer. */
.ft-wrap>.lp-nav{position:sticky;top:0;z-index:9000}
.ft-wrap>.lp-nav .dd{z-index:9001}
.ft-wrap>.lp-nav .dd-panel{z-index:9002}

/* ===== MODERN COMPLIANCE BADGES ===== */
.sv-std{display:grid !important;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px;padding-top:0}
.sv-badge{display:flex !important;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--line-2) !important;background:color-mix(in oklab,var(--cyan) 5%,color-mix(in oklab,var(--bg-4) 42%,transparent)) !important;justify-content:flex-start !important;transition:transform .18s,box-shadow .18s,border-color .18s}
.sv-badge:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--cyan) 40%,transparent) !important;box-shadow:0 22px 44px -28px color-mix(in oklab,var(--cyan) 70%,#000)}
.sv-badge-ic{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,color-mix(in oklab,var(--cyan) 65%,#0a8f86),var(--cyan));box-shadow:0 8px 20px -8px color-mix(in oklab,var(--cyan) 80%,transparent),inset 0 0 0 1px color-mix(in oklab,#fff 18%,transparent)}
.sv-badge-ic svg{width:22px;height:22px}
.sv-badge-tx{display:flex;flex-direction:column;gap:3px;text-align:start;min-width:0}
.sv-badge-tx b{color:var(--head);font-size:15px;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.sv-badge-st{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t2);font-weight:600}
.sv-badge-st i{width:7px;height:7px;border-radius:50%;flex:none;background:var(--pos);box-shadow:0 0 8px var(--pos)}
@media(max-width:780px){.sv-std{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.sv-std{grid-template-columns:1fr}}

/* ===== PRICING CARDS — aligned on one baseline ===== */
.sv-plan-top{min-height:48px;align-items:flex-start}
.sv-plan-desc{min-height:3.4em}
.sv-plan-price{align-self:flex-start;margin-bottom:16px}
.sv-cov{margin-bottom:16px}

/* soft recommended tag — accent tint, no harsh solid block */
.sv-plan-tag{color:var(--c) !important;background:color-mix(in oklab,var(--c) 15%,transparent) !important;border:1px solid color-mix(in oklab,var(--c) 45%,transparent);display:inline-flex;align-items:center;gap:6px;font-weight:700 !important}
.sv-plan-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 7px var(--c)}

/* coverage block: identical width & height across all plans, aligned baseline */
.sv-cov{width:100%;box-sizing:border-box;min-height:118px;align-items:center}
.sv-plan-desc{min-height:3.4em}

/* ===== SECURITY SHOWCASE (holographic pillars + shield watermark + seals) ===== */
.sv-security2{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
.sv-sec2-head{text-align:start;max-width:780px;margin-bottom:34px}
.sv-sec2-head .sv-h2{margin:14px 0 12px}
.sv-sec2-head .sv-lead{margin:0}

/* ============================================================
   SECTION HEADINGS (NOT hero) — colored per page accent · single
   line · gentle signal pulse. Both themes + both languages.
   Targets section h2s only; hero h1 (.sv-hero h1 / .lp-hero h1 /
   .ft-hero h1) is never matched. --sec-h falls back to violet-2
   (theme-aware) for non-segment pages; segments set their identity.
   ============================================================ */
.sv-h2,.mk-sec-t,.lp-sec-h h2,.ft-sec-t,.sub-demo h2{
  color:var(--sec-h,var(--violet-2)) !important;
  background:none !important;-webkit-text-fill-color:currentColor !important;
  -webkit-background-clip:border-box !important;background-clip:border-box !important;
  white-space:nowrap;max-width:100%;
  font-size:clamp(19px,3.4vw,34px) !important;
}
.sv-h2 b,.lp-sec-h h2 b,.mk-sec-t b{color:inherit !important;background:none !important;-webkit-text-fill-color:currentColor !important;}
.mk-sec-t svg,.ft-sec-t svg{color:inherit !important;}
@media(prefers-reduced-motion:no-preference){
  .sv-h2,.mk-sec-t,.lp-sec-h h2,.ft-sec-t,.sub-demo h2{animation:vjSecHPulse 2.8s ease-in-out infinite;}
}
@keyframes vjSecHPulse{
  0%,100%{opacity:.88;text-shadow:none}
  50%{opacity:1;text-shadow:0 0 13px color-mix(in oklab,currentColor 48%,transparent)}
}
/* per-segment identity (dark = vivid) */
.sv[data-seg="sovereign"]{--sec-h:#17d1c6}
.sv[data-seg="entities"]{--sec-h:#b07cc6}
.sv[data-seg="govco"]{--sec-h:#feb602}
.sv[data-seg="private"]{--sec-h:#52d999}
.sv[data-seg="agencies"]{--sec-h:#ff8a6b}
.sv[data-seg="individuals"]{--sec-h:#9d7bff}
/* light = deepened so it stays readable on cream */
[data-theme="light"] .sv[data-seg="sovereign"]{--sec-h:#0a7d75}
[data-theme="light"] .sv[data-seg="entities"]{--sec-h:#7a4e96}
[data-theme="light"] .sv[data-seg="govco"]{--sec-h:#8a6000}
[data-theme="light"] .sv[data-seg="private"]{--sec-h:#157a4a}
[data-theme="light"] .sv[data-seg="agencies"]{--sec-h:#c2502e}
[data-theme="light"] .sv[data-seg="individuals"]{--sec-h:#6a4fd0}
.sv-pillars-wrap{position:relative;padding:8px 0 6px}
.sv-shieldwm{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}
.sv-shieldwm svg{width:min(560px,86%);height:auto;opacity:.07}
.sv-shieldwm svg path{fill:none;stroke:var(--cyan);stroke-width:.5;vector-effect:non-scaling-stroke}
.sv-pillars{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sv-pillar{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding:16px 16px 18px;border-radius:18px;border:1px solid color-mix(in oklab,var(--c,var(--cyan)) 18%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--c,var(--cyan)) 13%,transparent),transparent 70%)}
.sv-pillar-title{order:-1;margin:0 0 2px;font-size:16.5px;font-weight:700;line-height:1.35;color:var(--c,var(--cyan))}
.sv-security2 .sv-holo{width:116px;height:118px;margin:6px auto 2px}
.sv-security2 .sv-holo-ic{top:8px;width:68px;height:68px}
.sv-security2 .sv-holo-ic svg,.sv-security2 .sv-holo-refl svg{width:68px;height:68px}
.sv-security2 .sv-holo-refl{top:76px;width:68px;height:68px}
.sv-security2 .sv-holo-floor{bottom:4px;width:100px;height:26px}
.sv-security2 .sv-holo-ring.r1{bottom:13px;width:62px;height:17px}
.sv-security2 .sv-holo-ring.r2{bottom:4px;width:100px;height:26px}
.sv-pillar p{margin:6px 0 0;font-size:13px;color:var(--t2);line-height:1.6;max-width:250px;margin-inline:auto}
/* circular emblem seals */
.sv-seal{display:flex;align-items:center;gap:13px;justify-content:center;padding:6px 4px}
.sv-seal-tx{text-align:end;min-width:0}
[dir="ltr"] .sv-seal-tx{text-align:start}
.sv-seal-tx b{display:block;color:var(--head);font-size:15px;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
/* 3D medallion seal — raised teal coin, glossy dome, white icon on top */
.sv-seal-ring{position:relative;width:58px;height:58px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;border:none;background:linear-gradient(152deg,#3ccabe 0%,#15ab9f 44%,#0a8f86 72%,#066b62 100%);box-shadow:0 9px 20px -6px rgba(7,110,102,.62),0 1px 0 rgba(255,255,255,.35),inset 0 2px 3px rgba(255,255,255,.6),inset 0 -5px 9px rgba(2,52,47,.45)}
.sv-seal-ring::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.4px dashed color-mix(in oklab,#0a8f86 42%,transparent)}
.sv-seal-ring::after{content:"";position:absolute;inset:4px;border-radius:50%;z-index:1;background:radial-gradient(72% 56% at 50% 20%,rgba(255,255,255,.62),rgba(255,255,255,0) 60%);pointer-events:none}
.sv-security2 .sv-seal-ring{border-radius:50% !important}
.sv-security2 .sv-seal-ring::before{border-radius:50% !important}
.sv-seal-ring svg{position:relative;z-index:2;width:25px;height:25px;stroke-width:2.4px;filter:drop-shadow(0 1.6px 1.4px rgba(2,46,42,.5))}
@media(max-width:880px){.sv-pillars{grid-template-columns:repeat(2,1fr);gap:30px}.sv-shieldwm svg{opacity:.05}}
@media(max-width:480px){.sv-pillars{grid-template-columns:1fr}.sv-std{grid-template-columns:1fr}}

/* ============================================================
   SOVEREIGN — extra content sections (lists / steppers / outputs / trust)
   Neutral, token-driven; reuses the existing glass-card vocabulary.
   ============================================================ */
.sv-pillars.sv-pillars-6{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;row-gap:24px}
.sv-pillars.sv-pillars-6 .sv-pillar{width:calc((100% - 44px)/3)}
@media(max-width:880px){.sv-pillars.sv-pillars-6 .sv-pillar{width:calc((100% - 22px)/2)}}
@media(max-width:480px){.sv-pillars.sv-pillars-6 .sv-pillar{width:100%}}

/* icon checklist grid */
.sv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.sv-list.c2{grid-template-columns:repeat(2,1fr)}
.sv-li{display:flex;gap:13px;align-items:flex-start;padding:18px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 60%,transparent),transparent)}
.sv-li-ic{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--c,var(--cyan));border:1px solid color-mix(in oklab,var(--c,var(--cyan)) 38%,transparent);background:color-mix(in oklab,var(--c,var(--cyan)) 13%,transparent)}
.sv-li-tx{min-width:0}
.sv-li-tx b{display:block;font-size:15px;font-weight:600;color:var(--head);line-height:1.45}
.sv-li-tx p{margin:5px 0 0;font-size:13px;color:var(--t2);line-height:1.6}

/* numbered horizontal stepper (legacy simple — kept for fallback) */
.sv-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
.sv-steps.s6{grid-template-columns:repeat(6,1fr)}
.sv-step{position:relative;padding:22px 16px 18px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 62%,transparent),transparent)}

/* ===== INFOGRAPHIC: horizontal connected flow (number ABOVE icon) ===== */
.sv-flow{position:relative;margin-top:50px;display:flex;gap:6px}
.sv-flow-track{display:none}
.sv-flow-col{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 10px}
.sv-flow-col:not(:last-child)::after{content:"";position:absolute;top:92px;inset-inline-start:calc(50% + 41px);width:calc(100% - 76px);height:2px;border-radius:2px;background:linear-gradient(90deg,var(--c),color-mix(in oklab,var(--c) 35%,transparent));box-shadow:0 0 8px -1px color-mix(in oklab,var(--c) 55%,transparent);z-index:0}
.sv-flow-n{display:none}
.sv-flow-node{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;color:var(--c);background:transparent;border:2px solid color-mix(in oklab,var(--c) 70%,transparent);box-shadow:0 0 0 6px color-mix(in oklab,var(--c) 8%,transparent),0 0 30px -3px color-mix(in oklab,var(--c) 62%,transparent)}
.sv-flow-node svg{width:32px;height:32px;filter:drop-shadow(0 0 11px color-mix(in oklab,var(--c) 75%,transparent))}
.sv-flow-col h4{margin:0 0 13px;min-height:40px;display:flex;align-items:flex-end;justify-content:center;font-size:15px;color:var(--head);font-weight:700;line-height:1.3}
.sv-flow-ul{width:34px;height:3px;border-radius:3px;margin:11px 0 10px;background:linear-gradient(90deg,var(--c),transparent)}
.sv-flow-col p{margin:0;font-size:12.5px;color:var(--t2);line-height:1.55;max-width:210px}
.sv-flow-ul{width:34px;height:3px;border-radius:3px;margin:9px 0 10px;background:linear-gradient(90deg,var(--c),transparent)}
.sv-flow-col p{margin:0;font-size:12.5px;color:var(--t2);line-height:1.55;max-width:210px}

/* ===== INFOGRAPHIC: vertical numbered timeline (ref: circle timeline) ===== */
.sv-timeline{position:relative;margin:42px auto 0;max-width:780px}
.sv-timeline::before{content:"";position:absolute;inset-inline-start:31px;top:14px;bottom:14px;width:2px;background:repeating-linear-gradient(180deg,color-mix(in oklab,var(--medi) 55%,transparent) 0 6px,transparent 6px 13px)}
.sv-tl-item{position:relative;display:flex;gap:22px;padding-bottom:30px}
.sv-tl-item:last-child{padding-bottom:0}
.sv-tl-node{position:relative;z-index:1;flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(120% 120% at 32% 24%,color-mix(in oklab,var(--c) 78%,#fff) 0,var(--c) 46%,color-mix(in oklab,var(--c) 70%,#000) 100%);box-shadow:0 0 0 6px color-mix(in oklab,var(--c) 12%,transparent),0 14px 30px -12px color-mix(in oklab,var(--c) 60%,#000)}
.sv-tl-node svg{width:26px;height:26px;filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.35))}
.sv-tl-tx{padding-top:7px;min-width:0}
.sv-tl-num{font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:12px;letter-spacing:.14em;color:var(--c)}
.sv-tl-tx h4{margin:3px 0 6px;font-size:17px;color:var(--head);font-weight:700;line-height:1.3}
.sv-tl-tx p{margin:0;font-size:13.5px;color:var(--t2);line-height:1.6;max-width:560px}

/* ===== INFOGRAPHIC: numbered gradient-bar icon cards (ref: option bars) ===== */
.sv-iccards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;margin-top:40px}
.sv-iccard{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:30px 26px 26px;border-radius:7px;border:1px solid var(--line);background:transparent;overflow:visible;transition:transform .2s,border-color .2s}
.sv-iccard:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--c) 40%,transparent)}
.sv-iccard-n,.sv-iccard-bar{display:none}
/* crossing-line corner frames (ref: infographic) */
.sv-fr{position:absolute;width:0;height:0;pointer-events:none;z-index:3}
.sv-fr-tr{top:-12px;inset-inline-end:-12px}
.sv-fr-bl{bottom:-12px;inset-inline-start:-12px}
.sv-fr::before,.sv-fr::after{content:"";position:absolute;border-radius:3px;box-shadow:0 0 10px -2px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-fr-tr::before{top:0;inset-inline-end:0;width:148px;height:3px;background:linear-gradient(-90deg,var(--c),color-mix(in oklab,var(--c) 22%,transparent))}
.sv-fr-tr::after{top:0;inset-inline-end:18px;width:3px;height:148px;background:linear-gradient(180deg,var(--c),color-mix(in oklab,var(--c) 22%,transparent))}
.sv-fr-bl::before{bottom:0;inset-inline-start:0;width:148px;height:3px;background:linear-gradient(90deg,var(--c),color-mix(in oklab,var(--c) 22%,transparent))}
.sv-fr-bl::after{bottom:0;inset-inline-start:18px;width:3px;height:148px;background:linear-gradient(0deg,var(--c),color-mix(in oklab,var(--c) 22%,transparent))}
.sv-iccard-ic{flex:none;width:60px;height:60px;border-radius:16px;display:grid;place-items:center;color:var(--c);margin-bottom:16px;border:1px solid color-mix(in oklab,var(--c) 34%,transparent);background:color-mix(in oklab,var(--c) 12%,transparent)}
.sv-iccard-ic svg{width:32px;height:32px}
.sv-iccard-tx{min-width:0}
.sv-iccard-tx b{display:block;font-size:17px;font-weight:700;color:var(--head);line-height:1.4}
.sv-iccard-tx p{margin:5px 0 0;font-size:13.5px;color:var(--t2);line-height:1.65}
@media(max-width:900px){.sv-iccards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sv-iccards{grid-template-columns:1fr}}

/* ===== PROCESS WAVE (cmdOutputs — ref: process section) ===== */
.sv-proc{position:relative;width:100%;max-width:1200px;margin:40px auto 0;height:470px}
.sv-proc-wave{position:absolute;inset:0;width:100%;height:100%;z-index:0;filter:drop-shadow(0 4px 16px rgba(0,0,0,.25))}
.sv-proc-node{position:absolute;transform:translate(-50%,-50%);z-index:2;--c:var(--cyan)}
.sv-proc-badge{position:relative;z-index:2;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--c);background:radial-gradient(circle,color-mix(in oklab,var(--bg-0) 88%,transparent) 64%,transparent 100%);border:2px solid color-mix(in oklab,var(--c) 60%,transparent);box-shadow:0 0 26px -4px color-mix(in oklab,var(--c) 65%,transparent),inset 0 0 20px -8px color-mix(in oklab,var(--c) 50%,transparent)}
.sv-proc-badge svg{width:36px;height:36px;filter:drop-shadow(0 0 7px color-mix(in oklab,var(--c) 60%,transparent))}
.sv-proc-num{display:none}
.sv-proc-tx{position:absolute;left:50%;transform:translateX(-50%);width:172px;text-align:center;z-index:1}
.sv-proc-node.is-up .sv-proc-tx{bottom:calc(100% + 18px)}
.sv-proc-node.is-down .sv-proc-tx{top:calc(100% + 18px)}
.sv-proc-tx h4{margin:0 0 7px;font-size:18px;font-weight:700;color:var(--c);line-height:1.3;text-shadow:0 0 16px color-mix(in oklab,var(--c) 40%,transparent)}
.sv-proc-tx p{margin:0;font-size:12px;color:var(--t2);line-height:1.55}
@media(max-width:820px){
  .sv-proc{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px 18px;max-width:560px}
  .sv-proc-wave{display:none}
  .sv-proc-node{position:relative;transform:none;left:auto!important;top:auto!important;display:flex;flex-direction:column;align-items:center}
  .sv-proc-node.is-up .sv-proc-tx,.sv-proc-node.is-down .sv-proc-tx{position:static;transform:none;margin-top:14px;inset:auto}
  .sv-proc-num{font-size:84px}
}
@media(max-width:420px){.sv-proc{grid-template-columns:1fr}}
.sv-iccard-ul,.sv-tab-ul,.sv-uc-ul,.sv-tl-ul{width:32px;height:3px;border-radius:3px;margin:8px 0;background:linear-gradient(90deg,var(--c),transparent)}

@media(max-width:980px){.sv-flow{flex-wrap:wrap;gap:34px 18px}.sv-flow-track{display:none}.sv-flow-col:not(:last-child)::after{display:none}.sv-flow-col{flex:0 0 calc(50% - 18px)}.sv-flow-col p{max-width:none}.sv-iccards{grid-template-columns:1fr}}
@media(max-width:620px){.sv-flow-col{flex:0 0 100%}.sv-tl-node{width:54px;height:54px}}

/* ===== INFOGRAPHIC: wedge cards (problem) ===== */
.sv-wedges{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.sv-wedge{position:relative;overflow:hidden;padding:28px 24px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 50%,transparent),transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.sv-wedge::before{content:"";position:absolute;top:-26px;inset-inline-end:-26px;width:150px;height:150px;background:radial-gradient(circle at 68% 32%,var(--c),color-mix(in oklab,var(--c) 34%,transparent) 44%,transparent 72%);opacity:.5;filter:blur(7px);pointer-events:none}
.sv-wedge-top{display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.sv-wedge-n{display:none}
.sv-wedge-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:var(--c);border:1px solid color-mix(in oklab,var(--c) 42%,transparent);background:color-mix(in oklab,var(--c) 15%,transparent);box-shadow:0 0 30px -4px color-mix(in oklab,var(--c) 75%,transparent),inset 0 0 18px -6px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-wedge-ic svg{filter:drop-shadow(0 0 9px color-mix(in oklab,var(--c) 70%,transparent))}
.sv-wedge h3{margin:0 0 10px;font-size:18px;color:var(--head);font-weight:700;line-height:1.3}
.sv-wedge-ul{width:38px;height:3px;border-radius:3px;margin:0 0 11px;background:linear-gradient(90deg,var(--c),transparent)}

/* ===== INFOGRAPHIC: top-bar tab cards (command-room outputs) ===== */
.sv-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.sv-tab{position:relative;padding:24px 22px 22px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 60%,transparent),transparent)}
.sv-tab::after{content:"";position:absolute;top:0;inset-inline:0;height:4px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--c) 0%,color-mix(in oklab,var(--c) 68%,transparent) 38%,transparent 86%);box-shadow:0 0 13px -1px color-mix(in oklab,var(--c) 55%,transparent)}
[dir="rtl"] .sv-tab::after{background:linear-gradient(270deg,var(--c) 0%,color-mix(in oklab,var(--c) 68%,transparent) 38%,transparent 86%)}
.sv-tab-top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px}
.sv-tab-ic{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 14%,transparent);border:1px solid color-mix(in oklab,var(--c) 36%,transparent);box-shadow:0 0 26px -5px color-mix(in oklab,var(--c) 70%,transparent);-webkit-box-reflect:below 3px linear-gradient(transparent 42%,rgba(255,255,255,.20))}
.sv-tab-ic svg{filter:drop-shadow(0 0 7px color-mix(in oklab,var(--c) 60%,transparent))}
.sv-tab-n{display:none}
.sv-tab h4{margin:0 0 7px;font-size:16.5px;color:var(--head);font-weight:700;line-height:1.3}
.sv-tab p{margin:0;font-size:13px;color:var(--t2);line-height:1.6}

/* ===== INFOGRAPHIC: rail panel (source governance) ===== */
.sv-rail{margin-top:36px;border:1px solid var(--line-2);border-radius:18px;overflow:hidden;background:color-mix(in oklab,var(--bg-4) 42%,transparent);display:grid;grid-template-columns:1fr 1fr}
.sv-rail-row{display:flex;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.sv-rail-row .d{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;color:var(--medi);background:color-mix(in oklab,var(--medi) 12%,transparent);border:1px solid color-mix(in oklab,var(--medi) 30%,transparent)}
.sv-rail-row b{font-size:14px;color:var(--head);font-weight:600;line-height:1.45}
@media(min-width:721px){.sv-rail-row:nth-child(odd){border-inline-end:1px solid var(--line)}.sv-rail-row:nth-last-child(-n+2){border-bottom:0}}

/* ===== INFOGRAPHIC: prohibition list (usage controls) ===== */
.sv-deny{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:36px}
.sv-deny-item{display:flex;gap:13px;align-items:center;padding:17px 19px;border-radius:13px;border:1px solid color-mix(in oklab,#fd421f 24%,var(--line-2));background:color-mix(in oklab,#fd421f 6%,transparent)}
.sv-deny-x{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fd421f;border:1.5px solid color-mix(in oklab,#fd421f 50%,transparent)}
.sv-deny-item b{font-size:14px;color:var(--head);font-weight:600;line-height:1.45}

/* ===== INFOGRAPHIC: ghost-number tiles (use cases) ===== */
.sv-uc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px}
.sv-uc{position:relative;overflow:hidden;display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 60%,transparent),transparent)}
.sv-uc-ghost{position:absolute;inset-inline-end:10px;bottom:-18px;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:92px;line-height:1;color:color-mix(in oklab,var(--c) 13%,transparent);pointer-events:none}
[dir="rtl"] .sv-uc-ghost{inset-inline-end:auto;inset-inline-start:10px}
.sv-uc-ic{position:relative;z-index:1;width:50px;height:50px;border-radius:14px;flex:none;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 13%,transparent);border:1px solid color-mix(in oklab,var(--c) 32%,transparent)}
.sv-uc-tx{position:relative;z-index:1;min-width:0}
.sv-uc-tx h4{margin:0 0 6px;font-size:16px;color:var(--head);font-weight:700;line-height:1.3}
.sv-uc-tx p{margin:0;font-size:13px;color:var(--t2);line-height:1.6}

/* audience rows (distinct horizontal style) */
.sv-aud-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px}

/* std 5-up */
.sv-std.sv-std-5{grid-template-columns:repeat(5,1fr)}

/* ===== INFOGRAPHIC: isometric stacked layers (cross-entity isolation) ===== */
.sv-stack{margin:48px auto 0;max-width:720px;display:flex;flex-direction:column;gap:15px;transform:skewY(-3deg)}
.sv-layer{position:relative;display:flex;align-items:center;gap:16px;padding:17px 22px;border-radius:12px;border:1px solid color-mix(in oklab,var(--c) 38%,var(--line-2));background:linear-gradient(110deg,color-mix(in oklab,var(--c) 30%,transparent),color-mix(in oklab,var(--c) 7%,transparent));box-shadow:0 16px 30px -18px color-mix(in oklab,var(--c) 72%,#000)}
.sv-layer::after{content:"";position:absolute;inset-inline:6px;bottom:-7px;height:10px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,color-mix(in oklab,var(--c) 55%,#000),color-mix(in oklab,var(--c) 30%,#000));opacity:.7;z-index:-1}
.sv-layer>*{transform:skewY(3deg)}
.sv-layer-n{font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:26px;line-height:1;min-width:36px;color:var(--c);text-shadow:0 0 16px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-layer-ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 16%,transparent);border:1px solid color-mix(in oklab,var(--c) 40%,transparent);box-shadow:0 0 20px -5px color-mix(in oklab,var(--c) 70%,transparent)}
.sv-layer b{color:var(--head);font-size:15.5px;font-weight:700;line-height:1.4}

/* ===== INFOGRAPHIC: guarantee cards (usage controls — no X/red) ===== */
.sv-guards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}
.sv-guard{display:flex;align-items:center;gap:15px;padding:18px 20px;border-radius:15px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 60%,transparent),transparent)}
.sv-guard-ic{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;color:var(--c);border:1px solid color-mix(in oklab,var(--c) 38%,transparent);background:color-mix(in oklab,var(--c) 13%,transparent);box-shadow:0 0 20px -5px color-mix(in oklab,var(--c) 65%,transparent)}
.sv-guard-ic svg{filter:drop-shadow(0 0 5px color-mix(in oklab,var(--c) 50%,transparent))}
.sv-guard b{flex:1;font-size:14.5px;color:var(--head);font-weight:600;line-height:1.45}
.sv-guard-chk{flex:none;color:var(--c);opacity:.92}

/* ===== INFOGRAPHIC: evidence chain (every indicator traceable) ===== */
.sv-chain{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}
.sv-chain-node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 12px 20px}
.sv-chain-node::before{content:"";position:absolute;top:40px;inset-inline-start:-50%;width:100%;height:2px;background:color-mix(in oklab,var(--medi) 42%,transparent);z-index:0}
.sv-chain-node:nth-child(4n+1)::before{display:none}
.sv-chain-ic{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--medi);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 92%,#000),color-mix(in oklab,var(--bg-0) 88%,#000));border:1.5px solid color-mix(in oklab,var(--medi) 55%,transparent);box-shadow:0 0 0 6px color-mix(in oklab,var(--medi) 8%,transparent),0 0 20px -4px color-mix(in oklab,var(--medi) 60%,transparent)}
.sv-chain-ic svg{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--medi) 55%,transparent))}
.sv-chain-node b{margin-top:12px;font-size:13.5px;color:var(--head);font-weight:600;line-height:1.45;max-width:170px}
@media(max-width:760px){.sv-chain{grid-template-columns:repeat(2,1fr)}.sv-chain-node:nth-child(4n+1)::before{display:block}.sv-chain-node:nth-child(2n+1)::before{display:none}.sv-guards{grid-template-columns:1fr}.sv-stack{transform:none}.sv-layer>*{transform:none}}

/* ============================================================
   PREMIUM GLOSSY INFOGRAPHIC SET (Pinterest-style, theme-aware)
   Shared glossy badge: radial highlight + accent body + inset gloss.
   ============================================================ */
.gloss{color:#fff;background:radial-gradient(120% 120% at 32% 22%,color-mix(in oklab,var(--c) 72%,#fff) 0,var(--c) 48%,color-mix(in oklab,var(--c) 60%,#000) 100%);box-shadow:0 9px 20px -7px color-mix(in oklab,var(--c) 68%,#000),inset 0 2px 3px rgba(255,255,255,.55),inset 0 -6px 10px rgba(0,0,0,.30)}

/* 1) audience — glossy sphere cards */
.sv-spheres{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.sv-sphere{position:relative;padding:26px 22px 22px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 62%,transparent),transparent)}
.sv-sphere-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.sv-sphere-badge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:23px}
.sv-sphere-ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 13%,transparent);border:1px solid color-mix(in oklab,var(--c) 36%,transparent);box-shadow:0 0 20px -5px color-mix(in oklab,var(--c) 65%,transparent)}
.sv-sphere-ic svg{width:32px;height:32px;filter:drop-shadow(0 0 6px color-mix(in oklab,var(--c) 55%,transparent))}
.sv-sphere h4{margin:0 0 9px;font-size:16.5px;color:var(--head);font-weight:700;line-height:1.3}
.sv-sphere-ul{width:34px;height:3px;border-radius:3px;margin:0 0 10px;background:linear-gradient(90deg,var(--c),transparent)}
.sv-sphere p{margin:0;font-size:13px;color:var(--t2);line-height:1.6}

/* 2) cross-entity — gradient pill cards with glossy number */
.sv-pills2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px}
.sv-pill2{display:flex;align-items:center;gap:16px;padding:16px 22px;border-radius:18px 50px 50px 18px;border:1px solid color-mix(in oklab,var(--c) 34%,var(--line-2));background:linear-gradient(110deg,color-mix(in oklab,var(--c) 20%,transparent),transparent 78%)}
[dir="rtl"] .sv-pill2{border-radius:50px 18px 18px 50px}
.sv-pill2-badge{width:54px;height:54px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:21px}
.sv-pill2-ic{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 14%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent)}
.sv-pill2 b{flex:1;font-size:14.5px;color:var(--head);font-weight:600;line-height:1.45}

/* 3) source governance — staircase glossy square badges */
.sv-stair{display:flex;flex-direction:column;gap:13px;margin-top:38px;max-width:780px;margin-inline:auto}
.sv-stair-item{display:flex;align-items:center;gap:16px;padding:15px 20px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 60%,transparent),transparent);width:calc(100% - var(--i,0)*28px);margin-inline-start:calc(var(--i,0)*28px)}
.sv-stair-badge{width:50px;height:50px;border-radius:14px;flex:none;display:grid;place-items:center;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:19px}
.sv-stair-ic{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 13%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent);box-shadow:0 0 18px -5px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-stair b{flex:1;font-size:14.5px;color:var(--head);font-weight:600;line-height:1.45}

/* 4) evidence chain — connected glossy outlined circles */
.sv-circs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}
.sv-circ-node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 12px 20px}
.sv-circ-node::before{content:"";position:absolute;top:42px;inset-inline-start:-50%;width:100%;height:2px;background:color-mix(in oklab,var(--c) 40%,transparent);z-index:0}
.sv-circ-node:nth-child(4n+1)::before{display:none}
.sv-circ-ring{position:relative;z-index:1;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--c);background:radial-gradient(120% 120% at 50% 22%,color-mix(in oklab,var(--bg-4) 86%,#000),#06040f);border:2px solid color-mix(in oklab,var(--c) 60%,transparent);box-shadow:0 0 0 6px color-mix(in oklab,var(--c) 7%,transparent),0 0 24px -5px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-circ-ring svg{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--c) 55%,transparent))}
.sv-circ-n{position:absolute;top:-6px;inset-inline-end:-4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:11px;color:#fff}
.sv-circ-node b{margin-top:13px;font-size:13.5px;color:var(--head);font-weight:600;line-height:1.45;max-width:175px}

/* 5) usage controls — glowing corner-frame cards */
.sv-frames{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px}
.sv-frame{position:relative;padding:22px 24px;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 55%,transparent),transparent)}
.sv-frame::before,.sv-frame::after{content:"";position:absolute;width:34px;height:34px;border:2px solid var(--c);box-shadow:0 0 14px -3px color-mix(in oklab,var(--c) 70%,transparent)}
.sv-frame::before{top:0;inset-inline-start:0;border-inline-end:0;border-bottom:0}
.sv-frame::after{bottom:0;inset-inline-end:0;border-inline-start:0;border-top:0}
.sv-frame-top{display:flex;align-items:center;gap:14px;margin-bottom:13px}
.sv-frame-n{font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:24px;color:var(--c);text-shadow:0 0 16px color-mix(in oklab,var(--c) 55%,transparent)}
.sv-frame-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 13%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent);box-shadow:0 0 18px -5px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-frame b{display:block;font-size:14.5px;color:var(--head);font-weight:600;line-height:1.5}

@media(max-width:820px){.sv-spheres{grid-template-columns:repeat(2,1fr)}.sv-circs{grid-template-columns:repeat(2,1fr)}.sv-circ-node:nth-child(4n+1)::before{display:block}.sv-circ-node:nth-child(2n+1)::before{display:none}}
@media(max-width:600px){.sv-spheres,.sv-pills2,.sv-frames{grid-template-columns:1fr}.sv-stair-item{width:100%;margin-inline-start:0}}

/* 10) evidence chain — central hub with branching connector cards */
.sv-hub{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:40px}
.sv-hub-core{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 34px;border-radius:20px;background:linear-gradient(160deg,#ffffff,#dde1ee);box-shadow:0 18px 38px -16px rgba(0,0,0,.5),inset 0 2px 5px rgba(255,255,255,.95),inset 0 -8px 18px rgba(20,18,60,.12)}
.sv-hub-core-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#14123d;margin:0 auto 11px;background:radial-gradient(120% 120% at 40% 25%,#fff,#e6e9f4);box-shadow:inset 0 1px 2px rgba(255,255,255,.9),0 4px 10px -4px rgba(20,18,60,.3)}
.sv-hub-core .vjn2{font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:20px;color:#14123d;line-height:1.1}
.sv-hub-core small{display:block;margin-top:6px;font-size:9px;letter-spacing:.22em;color:#5b5878;font-weight:700}
.sv-hub-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%}
.sv-hub-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;padding:20px 14px;border-radius:15px;border:1px solid var(--line-2);border-top:3px solid var(--c);background:linear-gradient(180deg,color-mix(in oklab,var(--c) 11%,transparent),transparent 78%)}
.sv-hub-ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 14%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent);box-shadow:0 0 16px -5px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-hub-ic svg{filter:drop-shadow(0 0 5px color-mix(in oklab,var(--c) 50%,transparent))}
.sv-hub-card b{font-size:13.5px;color:var(--head);font-weight:600;line-height:1.45;max-width:160px}
@media(max-width:880px){.sv-hub-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.sv-hub-list{grid-template-columns:1fr}}

/* 11) cross-entity — flowing ring nodes (opening + dot imply the S-flow) */
.sv-scv{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 16px;margin:40px auto 0;max-width:880px;justify-items:center}
.sv-scv-node{position:relative;width:248px;height:248px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px}
.sv-scv-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none;filter:drop-shadow(0 0 9px color-mix(in oklab,var(--c) 38%,transparent))}
.sv-scv-ring circle{fill:none;stroke:var(--c);stroke-width:3.4;stroke-linecap:round}
.sv-scv-dot{fill:var(--c);stroke:none}
.sv-scv-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;max-width:184px}
.sv-scv-ic{width:72px;height:72px;border-radius:19px;display:grid;place-items:center;color:var(--c);background:radial-gradient(120% 120% at 38% 26%,color-mix(in oklab,var(--c) 28%,transparent),color-mix(in oklab,var(--c) 9%,transparent))ix(in oklab,var(--c) 10%,transparent));border:1px solid color-mix(in oklab,var(--c) 36%,transparent);box-shadow:0 0 30px -4px color-mix(in oklab,var(--c) 72%,transparent);-webkit-box-reflect:below 2px linear-gradient(transparent 46%,rgba(255,255,255,.16))}
.sv-scv-ic svg{filter:drop-shadow(0 0 7px color-mix(in oklab,var(--c) 60%,transparent))}
.sv-scv-ic svg{filter:drop-shadow(0 0 5px color-mix(in oklab,var(--c) 50%,transparent))}
.sv-scv-n{font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:13px;letter-spacing:.06em;color:var(--c);text-shadow:0 0 14px color-mix(in oklab,var(--c) 50%,transparent)}
.sv-scv-in b{font-size:14px;color:var(--head);font-weight:600;line-height:1.45;max-width:180px}
@media(max-width:780px){.sv-scv{grid-template-columns:repeat(2,1fr);max-width:540px}}
@media(max-width:520px){.sv-scv{grid-template-columns:1fr;max-width:280px}}

/* 6) activation — glossy disc with accent arc ring (INFODATA style) */
.sv-arcs{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px;margin-top:40px}
.sv-arc{display:flex;flex-direction:column;align-items:center;text-align:center}
.sv-arc-disc{position:relative;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:transparent;box-shadow:0 0 30px -6px color-mix(in oklab,var(--c) 50%,transparent)}
.sv-arc-ring{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);filter:drop-shadow(0 0 7px color-mix(in oklab,var(--c) 55%,transparent))}
.sv-arc-ic{position:relative;z-index:1;color:var(--c);display:grid;place-items:center}
.sv-arc-ic svg{width:52px;height:52px;filter:drop-shadow(0 0 9px color-mix(in oklab,var(--c) 60%,transparent))}
.sv-arc-n{display:none}
.sv-arc h4{margin:6px 0 0;font-size:16px;color:var(--head);font-weight:700;line-height:1.3}
.sv-arc-ul{width:32px;height:3px;border-radius:3px;margin:9px auto;background:linear-gradient(90deg,var(--c),transparent)}
.sv-arc p{margin:0;font-size:12.5px;color:var(--t2);line-height:1.55;max-width:240px}
@media(max-width:760px){.sv-arcs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.sv-arcs{grid-template-columns:1fr}}

/* 7) usage controls — isometric 3D layer stack with alternating side labels */
.sv-iso{margin:40px auto 0;max-width:920px;display:flex;flex-direction:column;gap:6px;padding:20px 0}
.sv-iso-row{display:grid;grid-template-columns:1fr 240px 1fr;align-items:center;min-height:56px}
.sv-iso-side{display:flex;align-items:center;gap:13px;min-width:0}
.sv-iso-row.l .sv-iso-side{grid-column:1;justify-content:flex-end;text-align:end;flex-direction:row-reverse}
.sv-iso-row.r .sv-iso-side{grid-column:3;justify-content:flex-start}
.sv-iso-num{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:18px}
.sv-iso-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 14%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent);box-shadow:0 0 16px -5px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-iso-side b{font-size:14.5px;color:var(--head);font-weight:600;line-height:1.4}
.sv-iso-slab{grid-column:2;position:relative;width:196px;height:30px;margin:0 auto;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-45deg);background:linear-gradient(135deg,color-mix(in oklab,var(--c) 82%,#fff),var(--c));box-shadow:0 0 26px -6px color-mix(in oklab,var(--c) 60%,transparent)}
.sv-iso-slab::before{content:"";position:absolute;left:0;top:100%;width:100%;height:34px;background:linear-gradient(180deg,color-mix(in oklab,var(--c) 54%,#000),color-mix(in oklab,var(--c) 26%,#000));transform-origin:top center;transform:rotateX(-90deg)}
.sv-iso-slab::after{content:"";position:absolute;top:0;right:0;width:34px;height:100%;background:linear-gradient(90deg,color-mix(in oklab,var(--c) 44%,#000),color-mix(in oklab,var(--c) 20%,#000));transform-origin:right center;transform:rotateY(90deg)}
@media(max-width:680px){.sv-iso-row{grid-template-columns:90px 1fr;gap:16px;min-height:46px}.sv-iso-row.l .sv-iso-side,.sv-iso-row.r .sv-iso-side{grid-column:2;justify-content:flex-start;flex-direction:row;text-align:start}.sv-iso-slab{grid-column:1;width:56px}}

/* 8) source governance — gradient cards with glossy circle icon badge */
.sv-gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px;margin-top:40px}
.sv-gcard{position:relative;padding:26px 24px 22px;border-radius:18px;background:linear-gradient(140deg,var(--c),color-mix(in oklab,var(--c) 55%,#140f3a));border:1px solid color-mix(in oklab,var(--c) 50%,#000);box-shadow:0 18px 34px -16px color-mix(in oklab,var(--c) 70%,#000)}
.sv-gcard-badge{position:absolute;top:-16px;inset-inline-end:20px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff}
.sv-gcard-badge svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.32))}
.sv-gcard-n{display:block;font-family:"Montserrat",var(--f-en),system-ui;font-weight:800;font-size:26px;line-height:1;color:#fff;opacity:.92;margin-bottom:11px}
.sv-gcard-ul{width:32px;height:3px;border-radius:3px;margin:0 0 11px;background:rgba(255,255,255,.6)}
.sv-gcard b{display:block;font-size:15px;color:#fff;font-weight:600;line-height:1.5}
@media(max-width:820px){.sv-gcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.sv-gcards{grid-template-columns:1fr}}

/* 12) source governance — watercolor banner bars (circle + soft brush fade) */
.sv-bars{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;align-items:stretch;gap:16px 20px;max-width:1000px;margin:40px auto 0}
.sv-bar{position:relative;display:flex;align-items:center;min-height:68px;border-radius:40px;padding-inline-start:96px;padding-inline-end:28px;padding-block:11px;background:linear-gradient(90deg,var(--c) 0%,color-mix(in oklab,var(--c) 58%,transparent) 14%,color-mix(in oklab,var(--c) 22%,transparent) 30%,transparent 52%)}
[dir="rtl"] .sv-bar{background:linear-gradient(270deg,var(--c) 0%,color-mix(in oklab,var(--c) 58%,transparent) 14%,color-mix(in oklab,var(--c) 22%,transparent) 30%,transparent 52%)}
/* left column (even) mirrors so the two bars face each other */
.sv-bar:nth-child(even){padding-inline-start:28px;padding-inline-end:96px;background:linear-gradient(270deg,var(--c) 0%,color-mix(in oklab,var(--c) 58%,transparent) 14%,color-mix(in oklab,var(--c) 22%,transparent) 30%,transparent 52%)}
[dir="rtl"] .sv-bar:nth-child(even){background:linear-gradient(90deg,var(--c) 0%,color-mix(in oklab,var(--c) 58%,transparent) 14%,color-mix(in oklab,var(--c) 22%,transparent) 30%,transparent 52%)}
.sv-bar:nth-child(even) .sv-bar-circle{inset-inline-start:auto;inset-inline-end:0}
.sv-bar-circle{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(120% 120% at 38% 28%,color-mix(in oklab,var(--c) 72%,#fff) 0,var(--c) 52%,color-mix(in oklab,var(--c) 64%,#000) 100%);box-shadow:0 9px 19px -6px color-mix(in oklab,var(--c) 68%,#000),inset 0 2px 3px rgba(255,255,255,.5),0 0 30px -4px color-mix(in oklab,var(--c) 74%,transparent)}
.sv-bar-circle svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
.sv-bar b{flex:1;text-align:center;font-size:15px;font-weight:600;line-height:1.4;color:var(--head)}
@media(max-width:680px){.sv-bars{grid-template-columns:1fr}}
@media(max-width:520px){.sv-bar{padding-inline-start:86px;border-radius:32px}.sv-bar b{font-size:13px}}

/* 13) evidence chain — transparent cards with dot→line→arc connector */
.sv-ev{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:none;margin:40px auto 0;padding:0}
.sv-ev-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:22px 16px;border-radius:16px;border:1px solid var(--line-2);border-top:3px solid var(--c);background:linear-gradient(180deg,color-mix(in oklab,var(--c) 11%,transparent),transparent 78%)}
.sv-ev-conn{display:none}
.sv-ev-ic{width:54px;height:54px;flex:none;border-radius:15px;display:grid;place-items:center;color:var(--c);background:radial-gradient(120% 120% at 38% 26%,color-mix(in oklab,var(--c) 28%,transparent),color-mix(in oklab,var(--c) 10%,transparent));border:1px solid color-mix(in oklab,var(--c) 36%,transparent);box-shadow:0 0 26px -6px color-mix(in oklab,var(--c) 70%,transparent)}
.sv-ev-ic svg{filter:drop-shadow(0 0 7px color-mix(in oklab,var(--c) 60%,transparent))}
.sv-ev-card b{font-size:13.5px;font-weight:600;color:var(--head);line-height:1.45;max-width:170px}
@media(max-width:880px){.sv-ev{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.sv-ev{grid-template-columns:1fr}}

/* 13b) evidence chain — arc fan of bubble nodes on a connector band */
.sv-arcwrap{position:relative;width:100%;max-width:1200px;margin:40px auto 0;aspect-ratio:1200/430}
.sv-arcband{display:none}
.sv-arcbub{position:absolute;transform:translate(-50%,-50%);z-index:1;--c:var(--cyan)}
.sv-arcbub-disc{position:relative;width:148px;height:148px;border-radius:50%;border:4px solid var(--c);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 15px;text-align:center;box-shadow:0 0 30px -2px color-mix(in oklab,var(--c) 58%,transparent),0 0 0 7px color-mix(in oklab,var(--c) 13%,transparent),0 18px 38px -14px color-mix(in oklab,var(--c) 55%,#000),inset 0 0 26px -6px color-mix(in oklab,var(--c) 48%,transparent)}
.sv-arcbub-disc::after{content:"";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%) rotate(45deg);width:19px;height:19px;background:var(--c);border-radius:3px;box-shadow:0 0 14px -1px color-mix(in oklab,var(--c) 70%,transparent)}
.sv-arcbub-ic{width:54px;height:54px;display:grid;place-items:center;color:var(--c)}
.sv-arcbub-ic svg{filter:drop-shadow(0 0 9px color-mix(in oklab,var(--c) 72%,transparent))}
.sv-arcbub b{font-size:14.5px;font-weight:600;color:var(--head);line-height:1.34;text-shadow:0 0 12px color-mix(in oklab,var(--c) 28%,transparent)}
@media(max-width:860px){
  .sv-arcwrap{aspect-ratio:auto;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px}
  .sv-arcband{display:none}
  .sv-arcbub{position:static;transform:none}
  .sv-arcbub-disc::after{display:none}
  .sv-arcbub-disc{width:152px;height:152px}
}

/* 9) usage controls — connected process cards (dashed frame + side accent) */
.sv-fcards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px}
.sv-fc{flex:0 0 calc(25% - 12px)}
.sv-fc{position:relative;border-radius:15px;border:1px solid color-mix(in oklab,var(--c) 30%,var(--line-2));background:linear-gradient(180deg,color-mix(in oklab,var(--c) 9%,transparent),transparent 80%);overflow:hidden;isolation:isolate}
.sv-fc-in{position:relative;height:100%;min-height:172px;padding:24px 18px;display:flex;align-items:center;justify-content:center;text-align:center}
/* large watermark icon behind the text */
.sv-fc-ic{position:absolute;inset:0;display:grid;place-items:center;color:var(--c);opacity:.16;z-index:0;pointer-events:none}
.sv-fc-ic svg{width:92px;height:92px;filter:drop-shadow(0 0 12px color-mix(in oklab,var(--c) 55%,transparent))}
.sv-fc::before{content:"";position:absolute;top:0;inset-inline-start:0;width:100%;height:4px;background:linear-gradient(90deg,var(--c),color-mix(in oklab,var(--c) 30%,transparent));box-shadow:0 0 14px -1px color-mix(in oklab,var(--c) 60%,transparent);z-index:1}
.sv-fc b{position:relative;z-index:2;font-size:17px;color:var(--head);font-weight:700;line-height:1.55;text-shadow:0 0 18px color-mix(in oklab,var(--c) 45%,transparent),0 0 6px color-mix(in oklab,var(--c) 30%,transparent)}
.sv-fc-ul,.sv-fc-n{display:none}
@media(max-width:1100px){.sv-fc{flex:0 0 calc(50% - 8px)}}
@media(max-width:560px){.sv-fc{flex:0 0 100%}}


@media(max-width:880px){.sv-wedges,.sv-tabs{grid-template-columns:repeat(2,1fr)}.sv-rail{grid-template-columns:1fr}.sv-std.sv-std-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.sv-wedges,.sv-tabs,.sv-deny,.sv-uc-grid,.sv-aud-rows{grid-template-columns:1fr}}

/* ===== GLOW: make icon chips & numbers radiate their accent (clear, lit) ===== */
.sv-wedge-ic,.sv-tab-ic,.sv-iccard-ic,.sv-uc-ic,.sv-li-ic,.sv-aud-item .sv-ci{box-shadow:0 0 22px -5px color-mix(in oklab,var(--c,var(--cyan)) 70%,transparent)}
.sv-wedge-ic svg,.sv-tab-ic svg,.sv-iccard-ic svg,.sv-uc-ic svg,.sv-li-ic svg{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--c,var(--cyan)) 55%,transparent))}
.sv-tab-n,.sv-iccard-n,.sv-flow-n,.sv-tl-num{text-shadow:0 0 16px color-mix(in oklab,var(--c) 50%,transparent)}
.sv-rail-row .d{box-shadow:0 0 18px -6px color-mix(in oklab,var(--medi) 60%,transparent)}
.sv-deny-x{box-shadow:0 0 16px -5px color-mix(in oklab,#fd421f 55%,transparent)}

/* output report pills */
.sv-out{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.sv-out-item{display:inline-flex;align-items:center;gap:10px;padding:14px 19px;border-radius:13px;border:1px solid var(--line-2);background:color-mix(in oklab,var(--bg-4) 58%,transparent);font-size:14px;color:var(--head);font-weight:600}
.sv-out-item svg{flex:none;color:var(--medi)}

/* trust line band */
.sv-trust{margin:0 auto;max-width:900px;text-align:center;padding:32px 30px;border-radius:22px;border:1px solid color-mix(in oklab,var(--medi) 26%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--medi) 9%,transparent),transparent)}
.sv-trust>svg{color:var(--medi)}
.sv-trust-h{margin:14px auto 0;max-width:760px;font-size:24px;line-height:1.4;color:var(--head);font-weight:800;text-wrap:balance}
.sv-trust p{margin:12px auto 18px;max-width:720px;font-size:16px;line-height:1.7;color:var(--t2);font-weight:500;text-wrap:pretty}

@media(max-width:1000px){.sv-steps,.sv-steps.s6{grid-template-columns:repeat(2,1fr)}.sv-list,.sv-list.c2{grid-template-columns:1fr}.sv-step::after{display:none}}
@media(max-width:680px){.sv-steps,.sv-steps.s6{grid-template-columns:1fr}.sv-trust p{font-size:17px}}

/* =========================================================================
   GOVCO — الشركات الحكومية · "sky meets sea" (cyan sky over deep navy sea)
   Brand-approved pairing: Deep Blue + Mediterranean (CLAUDE combo #1).
   ========================================================================= */
.sv[data-seg="govco"]{--hv:#17d1c6}
[data-theme="light"] .sv[data-seg="govco"]{--hv:#0f8f86}
/* page base: sky (cyan-blue, top) → sea (deep navy, bottom) */
[data-theme="dark"] .sv[data-seg="govco"]{background:radial-gradient(125% 96% at 50% -10%,#1c5288 0%,#0e3370 26%,#08214f 48%,#050f31 72%,#04030e 100%)}
.sv[data-seg="govco"] .sv-segbg{--seg:#17d1c6}
/* sky↔sea CTA + eyebrow + chips lean cyan */
.sv[data-seg="govco"] .sv-hero .sv-eyebrow{color:var(--hv);border-color:color-mix(in oklab,var(--hv) 32%,transparent);background:color-mix(in oklab,var(--hv) 9%,transparent)}
.sv[data-seg="govco"] .sv-hero .sv-eyebrow svg{color:var(--hv)}
.sv[data-seg="govco"] .sv-hero-bg{background:radial-gradient(820px 480px at 82% -8%,color-mix(in oklab,#17d1c6 30%,transparent),transparent 60%),radial-gradient(620px 420px at 12% 6%,color-mix(in oklab,#336aea 24%,transparent),transparent 62%)}

/* skyline clipped INSIDE the radar circle (porthole) */
.sv-govco{max-width:520px}
.sv-govco-disc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82%;aspect-ratio:1;border-radius:50%;overflow:hidden;z-index:2;border:1px solid color-mix(in oklab,var(--hv,#17d1c6) 24%,transparent);box-shadow:inset 0 0 46px -12px rgba(6,28,64,.7),0 0 40px -16px color-mix(in oklab,var(--hv,#17d1c6) 40%,transparent)}
.sv-govco-disc .sv-govco-pic{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;margin:0 !important;object-fit:cover;object-position:50% 58%;opacity:.62 !important;filter:saturate(.66) brightness(1.08) contrast(.96) hue-rotate(-10deg) !important}
[data-theme="light"] .sv-govco-disc .sv-govco-pic{opacity:.5 !important;filter:saturate(.62) brightness(1.04) contrast(.97) hue-rotate(-6deg) !important}
/* radar: drop the soft filled disc, keep only the concentric rings, sized to ring the porthole */
.sv-govco .sv-gov-radar{width:96%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 12.8%,color-mix(in oklab,var(--hv,#17d1c6) 20%,transparent) 13%,transparent 14%)}
/* second radar blip → sky-blue (Piki) as a small glow touch only */
.sv-govco .sv-gov-blip.b4{background:var(--hv,#336aea);box-shadow:0 0 12px var(--hv,#336aea)}
/* hero floating mini-dashboard cards (icon-graphic + label) */
.sv-govco-cards{position:absolute;inset:0;z-index:6;pointer-events:none}
.sv-govco-fcard{position:absolute;width:146px;display:flex;flex-direction:column;gap:9px;padding:12px 13px 13px;border-radius:16px;background:transparent;border:1px solid color-mix(in oklab,var(--c) 30%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,#fff 14%,transparent),0 0 16px -10px color-mix(in oklab,var(--c) 50%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:svGovFloat 6s ease-in-out infinite}
.sv-govco-fcard:nth-child(2){animation-delay:.7s}
.sv-govco-fcard:nth-child(3){animation-delay:1.4s}
.sv-govco-fcard:nth-child(4){animation-delay:2.1s}
.sv-govco-fcard:nth-child(5){animation-delay:2.8s}
.sv-govco-fcard:nth-child(6){animation-delay:3.5s}
.sv-govco-fc-viz{width:100%;height:46px;color:var(--c);display:block;filter:drop-shadow(0 0 6px color-mix(in oklab,var(--c) 75%,transparent))}
.sv-govco-fc-viz .sv-mini-svg{width:100%;height:100%}
.sv-govco-fcard b{font-size:13px;font-weight:700;color:var(--head);text-align:start;line-height:1.25;text-shadow:0 1px 5px rgba(2,8,24,.7)}
[data-theme="light"] .sv-govco-fcard{background:linear-gradient(160deg,color-mix(in oklab,#fff 62%,transparent),color-mix(in oklab,#eef3fb 52%,transparent));box-shadow:0 16px 34px -22px rgba(20,60,100,.45)}
@media(prefers-reduced-motion:reduce){.sv-govco-fcard{animation:none}}

/* ---- the "moving nucleus" sitting over the central tower ---- */
.sv-govco-core{position:absolute;top:15%;left:50%;transform:translate(-50%,-50%);width:40%;aspect-ratio:1;z-index:5;display:grid;place-items:center;pointer-events:none}
.sv-govco-core-dot{position:absolute;width:24%;height:24%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff,var(--hv,#17d1c6) 54%,color-mix(in oklab,var(--hv,#17d1c6) 55%,#000));box-shadow:0 0 54px -6px var(--hv,#17d1c6),0 0 16px var(--hv,#17d1c6);animation:govcoPulse 4.2s ease-in-out infinite}
.sv-govco-core-ring{position:absolute;border-radius:50%;border:1px solid color-mix(in oklab,var(--hv,#17d1c6) 42%,transparent)}
.sv-govco-core-ring.r1{width:58%;height:58%;animation:svspin 22s linear infinite}
.sv-govco-core-ring.r2{width:100%;height:100%;border-style:dashed;border-color:color-mix(in oklab,var(--hv,#17d1c6) 38%,transparent);animation:svspin 38s linear infinite reverse}
.sv-govco-core-sweep{position:absolute;width:58%;height:58%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in oklab,var(--hv,#17d1c6) 34%,transparent) 46deg,transparent 92deg);animation:svspin 6.5s linear infinite}
@keyframes govcoPulse{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.13);opacity:1}}
@media(prefers-reduced-motion:reduce){.sv-govco-core-ring,.sv-govco-core-sweep,.sv-govco-core-dot{animation:none}}
/* porthole fx + per-segment image tone */
.sv-govco .sv-gov-dash{stroke:var(--hv,#17d1c6) !important}
.sv-govco .sv-gov-float3 circle{fill:var(--hv,#17d1c6)}
.sv[data-seg="entities"] .sv-govco-disc .sv-govco-pic{filter:saturate(.72) brightness(1.06) contrast(.95) !important}

/* ---- translucent section cards so the sky↔sea backdrop shows through ---- */
.sv[data-seg="govco"] .sv-wedge,
.sv[data-seg="govco"] .sv-uc{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 22%,transparent),transparent) !important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sv[data-seg="govco"] .sv-sphere{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 30%,transparent),transparent) !important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sv[data-seg="govco"] .sv-feat-card{background:color-mix(in oklab,var(--bg-4) 24%,transparent) !important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sv[data-seg="govco"] .sv-plan{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-4) 30%,transparent),transparent) !important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sv[data-seg="govco"] .sv-pillar{background:color-mix(in oklab,var(--bg-4) 22%,transparent) !important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sv[data-seg="govco"] .sv-proc-badge{background:radial-gradient(circle,color-mix(in oklab,var(--bg-0) 62%,transparent),color-mix(in oklab,var(--bg-0) 30%,transparent)) !important}
/* cool the process-wave gradient (drop the warm orange middle stop) */
.sv[data-seg="govco"] .sv-proc-wave stop:nth-of-type(1){stop-color:#7b6cf0}
.sv[data-seg="govco"] .sv-proc-wave stop:nth-of-type(2){stop-color:#38a7dd}
.sv[data-seg="govco"] .sv-proc-wave stop:nth-of-type(3){stop-color:#17d1c6}
/* ---- mini "dashboard" graphic inside cards ---- */
.sv-wedge.has-mini{display:flex;flex-direction:column}
.sv-wedge.has-mini>p{flex:1}
.sv-mini{margin-top:16px;height:46px;border-radius:11px;border:1px solid color-mix(in oklab,var(--c) 24%,transparent);background:color-mix(in oklab,var(--c) 9%,transparent);padding:7px 12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sv-mini-svg{display:block;width:100%;height:100%}
.sv-mini-c{width:auto;height:100%}
.sv-mini-img{display:block;height:100%;width:auto;max-width:100%;margin-inline:auto;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 4px color-mix(in oklab,var(--c) 72%,transparent))}
.sv-uc-img{width:25px;height:25px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 3px color-mix(in oklab,var(--c) 70%,transparent))}
/* security compliance seals — balanced 3×2 grid joined to the pillars (no lonely seal / empty gap) */
.sv[data-seg="govco"] .sv-std{grid-template-columns:repeat(3,1fr) !important;max-width:860px;margin:24px auto 0 !important;padding-top:24px !important;border-top:1px solid color-mix(in oklab,var(--medi) 24%,transparent)}
[data-theme="light"] .sv[data-seg="govco"] .sv-wedge,
[data-theme="light"] .sv[data-seg="govco"] .sv-uc,
[data-theme="light"] .sv[data-seg="govco"] .sv-sphere,
[data-theme="light"] .sv[data-seg="govco"] .sv-feat-card,
[data-theme="light"] .sv[data-seg="govco"] .sv-plan,
[data-theme="light"] .sv[data-seg="govco"] .sv-pillar{background:color-mix(in oklab,#ffffff 50%,transparent) !important}

/* ===== Individuals · PROBLEM → premium indicator cards (lab-card style) ===== */
.sv[data-seg="individuals"] .sv-prob .sv-wedges{gap:22px}
.sv[data-seg="individuals"] .sv-prob .sv-wedge{
  position:relative;overflow:hidden;padding:24px 26px 22px;border-radius:22px;text-align:start;
  background:linear-gradient(158deg,color-mix(in oklab,var(--c) 17%,var(--panel-2)),var(--panel-2) 74%);
  border:1px solid color-mix(in oklab,var(--c) 22%,var(--line-2));
  box-shadow:0 26px 54px -36px #000,inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.sv[data-seg="individuals"] .sv-prob .sv-wedge::before{display:none}
.sv[data-seg="individuals"] .sv-prob .sv-wedge:hover{
  transform:translateY(-5px);border-color:color-mix(in oklab,var(--c) 44%,transparent);
  box-shadow:0 38px 66px -34px #000,0 0 40px -22px color-mix(in oklab,var(--c) 65%,transparent)}
.sv[data-seg="individuals"] .sv-prob .sv-wedge-top{position:absolute;top:22px;inset-inline-end:22px;margin:0;display:block;z-index:2}
.sv[data-seg="individuals"] .sv-prob .sv-wedge-ic{width:46px;height:46px;border-radius:50%}
.sv[data-seg="individuals"] .sv-prob .sv-wedge-ic svg{width:21px;height:21px}
.sv[data-seg="individuals"] .sv-prob .sv-wedge h3{min-height:46px;display:flex;align-items:center;padding-inline-end:62px;margin:0 0 11px;text-align:start}
.sv[data-seg="individuals"] .sv-prob .sv-wedge p{text-align:start}
.sv[data-seg="individuals"] .sv-prob .sv-wedge-ul{display:none}
.sv[data-seg="individuals"] .sv-prob .sv-wedge.has-mini>p{margin-bottom:0}
.sv[data-seg="individuals"] .sv-prob .sv-mini{margin-top:18px;height:54px;border-radius:13px}
[data-theme="light"] .sv[data-seg="individuals"] .sv-prob .sv-wedge{
  background:linear-gradient(158deg,color-mix(in oklab,var(--c) 12%,#fff),#fff 74%);
  border-color:color-mix(in oklab,var(--c) 26%,var(--line-2));
  box-shadow:0 22px 44px -34px rgba(20,16,40,.5)}

/* ============================================================
   Individuals · NEW DIRECTION (experiment) — Creator editorial
   New hero "audience-presence stage" (NOT the node-orb) +
   capabilities as editorial rows (NOT holographic glass grid).
   All scoped to [data-seg="individuals"] — other pages untouched.
   ============================================================ */
/* --- new hero visual: profile core + concentric audience rings + orbiting platform badges --- */
.sv-crehero{flex:none;width:min(440px,42vw);aspect-ratio:1;display:grid;place-items:center;position:relative}
.sv-cre-stage{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}
.sv-cre-ring{position:absolute;border-radius:50%;border:1px solid color-mix(in oklab,var(--cyan) 28%,transparent)}
.sv-cre-ring.r1{width:46%;height:46%;box-shadow:inset 0 0 40px -10px color-mix(in oklab,var(--cyan) 55%,transparent)}
.sv-cre-ring.r2{width:72%;height:72%;border-color:color-mix(in oklab,var(--cyan) 18%,transparent)}
.sv-cre-ring.r3{width:99%;height:99%;border-color:color-mix(in oklab,var(--cyan) 11%,transparent)}
.sv-cre-sweep{position:absolute;width:72%;height:72%;border-radius:50%;
  background:conic-gradient(from -20deg,transparent,color-mix(in oklab,var(--cyan) 20%,transparent) 50deg,transparent 120deg)}
.sv-cre-core{position:relative;z-index:3;width:98px;height:98px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 38% 32%,color-mix(in oklab,var(--cyan) 72%,#fff),#0b3f44);
  box-shadow:0 0 52px -8px color-mix(in oklab,var(--cyan) 70%,transparent),inset 0 2px 6px rgba(255,255,255,.42)}
.sv-cre-core svg{width:40px;height:40px}
.sv-cre-node{position:absolute;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:var(--panel-2);border:1px solid color-mix(in oklab,var(--c2) 44%,transparent);color:var(--c2);
  box-shadow:0 10px 22px -10px #000,0 0 18px -6px color-mix(in oklab,var(--c2) 60%,transparent)}
.sv-cre-node.n1{top:3%;inset-inline-start:36%;--c2:#ff8a6b}
.sv-cre-node.n2{top:23%;inset-inline-end:1%;--c2:#9d7bff}
.sv-cre-node.n3{bottom:11%;inset-inline-end:16%;--c2:#feb602}
.sv-cre-node.n4{bottom:5%;inset-inline-start:22%;--c2:#52d999}
.sv-cre-node.n5{top:31%;inset-inline-start:-1%;--c2:#17d1c6}
@media(prefers-reduced-motion:no-preference){.sv-cre-sweep{animation:sv-cre-spin 16s linear infinite}.sv-cre-node{animation:sv-cre-bob 5s ease-in-out infinite}.sv-cre-node.n2{animation-delay:-1.4s}.sv-cre-node.n3{animation-delay:-2.6s}.sv-cre-node.n4{animation-delay:-3.4s}.sv-cre-node.n5{animation-delay:-2s}}
@keyframes sv-cre-spin{to{transform:rotate(360deg)}}
@keyframes sv-cre-bob{50%{transform:translateY(-7px)}}
@media(max-width:880px){.sv-crehero{width:min(360px,72vw)}}

/* --- capabilities → editorial rows (drop holographic glass cards) --- */
.sv[data-seg="individuals"] .sv-feat .sv-grid.c3{grid-template-columns:1fr;gap:0;margin-top:28px;border-top:1px solid var(--line-2)}
.sv[data-seg="individuals"] .sv-feat-card{min-height:0;border:0;border-bottom:1px solid var(--line-2);border-radius:0;background:none;
  padding:22px 8px;gap:24px;align-items:center;flex-direction:row-reverse;justify-content:flex-start;transition:background .25s,padding .25s}
.sv[data-seg="individuals"] .sv-feat-card::before{display:none}
.sv[data-seg="individuals"] .sv-feat-card:hover{transform:none;box-shadow:none;
  background:linear-gradient(90deg,color-mix(in oklab,var(--c) 7%,transparent),transparent);padding-inline:18px 8px}
.sv[data-seg="individuals"] .sv-feat-num{display:none}
.sv[data-seg="individuals"] .sv-feat-ul{display:none}
.sv[data-seg="individuals"] .sv-feat-card h3{font-size:20px}
.sv[data-seg="individuals"] .sv-feat-card p{font-size:15px;line-height:1.7;max-width:680px}
.sv[data-seg="individuals"] .sv-feat .sv-holo{width:64px;height:64px;flex:none;border-radius:18px;display:grid;place-items:center;
  background:color-mix(in oklab,var(--c) 13%,transparent);border:1px solid color-mix(in oklab,var(--c) 32%,transparent);
  box-shadow:0 0 22px -8px color-mix(in oklab,var(--c) 60%,transparent)}
.sv[data-seg="individuals"] .sv-feat .sv-holo-floor,
.sv[data-seg="individuals"] .sv-feat .sv-holo-refl,
.sv[data-seg="individuals"] .sv-feat .sv-holo-ring{display:none}
.sv[data-seg="individuals"] .sv-feat .sv-holo-ic{position:static;transform:none;width:30px;height:30px}
.sv[data-seg="individuals"] .sv-feat .sv-holo-ic svg{width:30px;height:30px}

/* ============================================================
   SHARED · homepage background ported to ALL marketing pages.
   The fixed .sv-scene now holds V.homeDeco() (wide drifting waves
   + fission constellation). Motion/texture below applies to every
   .sv page; the per-segment .sv-segbg colour tint stays ABOVE the
   waves so each page keeps its identity colour, and heroes (z:1)
   are untouched. Dashboards don't use .sv → excluded automatically.
   The individuals page keeps its own more-specific tuning.
   ============================================================ */
.sv .sv-scene{opacity:.78;animation:svHomeDrift 26s ease-in-out infinite alternate}
@keyframes svHomeDrift{0%{transform:scale(1)}100%{transform:scale(1.07) translate(1.6%,-1.6%)}}
.sv .sv-scene::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in oklab,var(--seg,#9d7bff) 30%,transparent) 1px,transparent 1px);background-size:48px 48px;opacity:.05;-webkit-mask-image:radial-gradient(125% 100% at 50% 0,#000,transparent 78%);mask-image:radial-gradient(125% 100% at 50% 0,#000,transparent 78%)}
.sv .sv-scene::after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,color-mix(in oklab,var(--seg,#17d1c6) 12%,transparent) 50%,transparent 60%);animation:svHomeSweep 14s linear infinite}
@keyframes svHomeSweep{0%{transform:translateX(-22%)}100%{transform:translateX(22%)}}
.sv .sv-homebg{position:absolute;inset:0;opacity:.55}
.sv .sv-homebg .lp-deco-svg{position:absolute;inset:0;width:100%;height:100%}
[data-theme="light"] .sv .sv-scene{opacity:.62}
[data-theme="light"] .sv .sv-homebg{opacity:.5}
@media(prefers-reduced-motion:reduce){.sv .sv-scene,.sv .sv-scene::after{animation:none}}
/* light mode: swap the two warm wave dots that read poorly on cream */
[data-theme="light"] .sv .sv-homebg [fill="#feb602"]{fill:#336aea}
[data-theme="light"] .sv .sv-homebg [fill="#52d999"]{fill:#765186}

/* ---- shared silk AURORA glow at hero bottom (segments without a native one) ---- */
.sv .sv-aura{position:absolute;left:0;right:0;bottom:-24px;top:auto;height:240px;z-index:0;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 78%,transparent)}
.sv .sv-aura .sv-aura-svg{width:100%;height:100%;display:block;mix-blend-mode:screen}
@media(prefers-reduced-motion:no-preference){.sv .sv-aura .sv-aura-svg{animation:svAuraDrift 22s ease-in-out infinite}}
@keyframes svAuraDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(-26px)}}
[data-theme="light"] .sv .sv-aura .sv-aura-svg{mix-blend-mode:normal;opacity:.7}
/* a little breathing room so hero content clears the brightest part of the ribbon */
.sv:not([data-seg="agencies"]):not([data-seg="private"]):not([data-seg="individuals"]) .sv-hero{padding-bottom:clamp(120px,12vw,176px)}

/* ---- shared footer glow (silk aurora at top + dark fade) for segments that
   don't build their own footer treatment ---- */
/* (user) UNIFIED FOOTER — fully transparent so each page's own background
   curves show through (independent per-page color); NO glowing ribbon. */
.lp-foot.sv-foot-glow{position:relative;overflow:visible;padding-top:48px;z-index:1;
  background:transparent !important;border-top:none !important}
[data-theme="light"] .lp-foot.sv-foot-glow{background:transparent !important}
.lp-foot.sv-foot-glow .lp-foot-in{position:relative;z-index:1}
.sv-foot-aura,.prv-aurora-foot,.ivx-foot-deco{display:none !important}
.sv-foot-aura{position:absolute;left:0;right:0;top:18px;bottom:auto;height:240px;z-index:0;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 78%,transparent)}
.sv-foot-aura .sv-aura-svg{width:100%;height:100%;display:block;mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
[data-theme="light"] .sv-foot-aura .sv-aura-svg{mix-blend-mode:normal;opacity:.7}

/* light-mode legibility net: darken accent VALUE text on cream (landing bento) — lpw-val legibility */
[data-theme="light"] .lp .lpw-val{color:color-mix(in oklab,var(--c,var(--cyan)) 64%, #15123a)}
[data-theme="light"] .lp .hg-num{color:var(--head)}

/* light-mode: darken accent CHART strokes on cream (landing bento) — lpw chart legibility */
[data-theme="light"] .lp .lpw-cell svg path[stroke],
[data-theme="light"] .lp .lpw-cell svg line[stroke],
[data-theme="light"] .lp .lpw-cell svg circle[stroke]{stroke:color-mix(in oklab,var(--c,var(--cyan)) 56%, #15123a)}
[data-theme="light"] .lp .lpw-cell svg text{fill:color-mix(in oklab,var(--c,var(--cyan)) 60%, #15123a)}

/* ============================================================
   (transparency · all marketing pages) UNIFIED GLASS TOKENS
   The shipped LIGHT-mode --panel / --panel-2 were fully OPAQUE
   (solid cream), so every card built on them read as a solid
   block instead of glass. Make both tokens translucent in BOTH
   themes so all panel-based cards reveal the page background +
   vjbg lines behind them — matching the glass standard
   (≈34–40% fill + the page's own blur where present).
   • Header & inputs use their own backgrounds → unaffected.
   • Cards already on transparent sheen (ivx / agx / govco) →
     don't use these tokens → unchanged.
   • Scoped to marketing pages only (dashboards/admin/login never
     load marketing-serve.css), so post-login UI is untouched.
   Re-tune the two values below to dial transparency globally.
   ============================================================ */
:root,[data-theme="dark"]{
  --panel:linear-gradient(180deg,rgba(20,16,72,.42),rgba(11,8,48,.46));
  --panel-2:rgba(7,5,34,.40);
}
[data-theme="light"]{
  --panel:linear-gradient(180deg,rgba(255,254,250,.44),rgba(246,242,228,.40));
  --panel-2:rgba(245,240,226,.38);
}
/* give the common panel-based marketing cards a real frosted blur so
   the revealed background reads as glass, not just a tint */
.sv-badge,.sub-card,.lp-ch,.lp-card,.lp-plan,.mk-glass{
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}

/* ============================================================
   (transparency · ALL sections, ALL marketing pages) UNIFIED GLASS
   Every content card across every page family is forced to ONE
   translucent, frosted glass so the page background + vjbg lines
   read through it — in BOTH dark & light (the fill is built from
   var(--bg-4), which is deep-navy in dark and white in light, so a
   single rule adapts to each theme). Borders/shadows/hover stay,
   keeping each card's identity; only the FILL becomes glass.
   Scoped to marketing pages (this file is never loaded by the
   dashboards / admin / login). Dial the two stops to taste.
   ============================================================ */
.sv-card,.sv-aud-item,.sv-aud-note,.sv-aud-card,.sv-plan,.sv-form-card,
.sv-feat-card,.sv-pillar,.sv-uc,.sv-sphere,.sv-wedge,.sv-iccard,.sv-scv,
.sv-maphero-panel,.sv-trust-card,.sv-step,
.mk-glass,.mk-std,.mk-method,.mk-ctrl,.mk-card,
.lp-card,.lp-plan,.lp-ch,.lp-ch-card,.lp-svc-card,.lp-trust-chip,
.lp-secure-card,.lp-vault-card,.lp-adv-card,.lp-cf-card,.lpw-chip,
.lp-step-node,.lp-q3,.lp-evd-card,.scard,
.sub-card,.sub-plan,.sub-reports,.sub-report,
.agx-card,.agx-scard,.agx-int-card,.agx-appr-card,
.ivx-card,
.gv-card,.gv-tier,.gv-bus,.gv-pillar,.gv-fcard,
.prv-card,.prv-snap,.prv-fb,.prv-rtype,.prv-ix,
.ent-card,.enx-card,
.ft-card,.ft-tool,.ft-tool-card,.ft-result{
  background:linear-gradient(168deg,
    color-mix(in oklab,var(--bg-4) 34%,transparent),
    color-mix(in oklab,var(--bg-4) 22%,transparent)) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1);
  backdrop-filter:blur(10px) saturate(1.1) !important;
}
/* keep the featured pricing card a touch more present (still glass) */
.sv-plan.feat,.lp-plan.feat,.sub-plan.feat{
  background:linear-gradient(168deg,
    color-mix(in oklab,var(--c,var(--violet)) 10%,color-mix(in oklab,var(--bg-4) 36%,transparent)),
    color-mix(in oklab,var(--bg-4) 24%,transparent)) !important;
}


/* === VIJIN-MOBILE-HERO-FIX v1 (serve pages: declutter orbital hero on mobile/stacked) === */
@media (max-width:980px){
  .sv-hero .sv-orb{display:none !important}
  .sv-hero .sv-hero-in{grid-template-columns:1fr !important}
  .sv-hero .sv-hero-copy{text-align:center}
}
/* === END VIJIN-MOBILE-HERO-FIX === */