/* ============================================================
   VIJIN.AI — Individuals page redesign styles (SCOPED)
   Loaded ONLY by serve-individuals.html. All classes prefixed iv-
   (exist only on the individuals page). Theme-aware via vars.
   ============================================================ */
.iv-redesigned .sv-wrap{position:relative;z-index:1}

/* ============================================================
   OUTPUTS · Creator Presence Orbit (bespoke, cream, light always)
   Self-contained palette so it reads premium in both themes.
   ============================================================ */
.indv-orbit-host .sv-wrap{max-width:1180px}
.indv-orbit-section{--io-ink:#2a2140;--io-sub:#6f6790;--io-pur:#7b5cf0;--io-teal:#17c7bd;--io-card:#ffffff;
  position:relative;margin-top:30px;border-radius:30px;overflow:hidden;padding:44px 44px 30px;color:var(--io-ink);
  background:transparent;
  box-shadow:none}
.indv-orbit-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.indv-orbit-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.5}
.indv-orbit-glow-a{width:340px;height:340px;left:-80px;top:40%;background:radial-gradient(circle,rgba(123,92,240,.22),transparent 70%)}
.indv-orbit-glow-b{width:380px;height:380px;right:-90px;bottom:-60px;background:radial-gradient(circle,rgba(23,199,189,.18),transparent 70%)}
.indv-orbit-ring{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(123,92,240,.13)}
.indv-orbit-ring-1{width:430px;height:430px}
.indv-orbit-ring-2{width:660px;height:660px;border-color:rgba(123,92,240,.09)}
.indv-orbit-ring-3{width:900px;height:900px;border-color:rgba(23,199,189,.07);border-style:dashed}
@media(prefers-reduced-motion:no-preference){.indv-orbit-ring{animation:io-spin 60s linear infinite}.indv-orbit-ring-2{animation-duration:90s;animation-direction:reverse}.indv-orbit-ring-3{animation-duration:120s}}
@keyframes io-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* head: copy (right) + live panel (left) */
.indv-orbit-head{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start;margin-bottom:8px}
.indv-orbit-kicker{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--io-pur);
  background:rgba(123,92,240,.1);border:1px solid rgba(123,92,240,.22);padding:7px 15px;border-radius:30px;margin-bottom:16px}
.indv-orbit-copy h2{margin:0 0 14px;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--io-ink)}
.indv-orbit-copy h2 span{color:var(--io-pur)}
.indv-orbit-copy p{margin:0 0 22px;font-size:16px;line-height:1.85;color:var(--io-sub);max-width:440px;text-wrap:pretty}
.indv-orbit-actions{display:flex;gap:12px;flex-wrap:wrap}
.indv-orbit-primary,.indv-orbit-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:30px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}
.indv-orbit-primary{background:linear-gradient(120deg,#7b5cf0,#9b6bff);color:#fff;box-shadow:0 14px 28px -12px rgba(123,92,240,.6)}
.indv-orbit-primary:hover{transform:translateY(-2px)}
.indv-orbit-secondary{background:#fff;color:var(--io-ink);border:1px solid rgba(42,33,64,.14)}
.indv-orbit-secondary:hover{border-color:var(--io-pur);color:var(--io-pur)}
.indv-orbit-live-panel{background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);
  border-radius:22px;padding:16px 18px;box-shadow:0 26px 54px -34px rgba(40,30,70,.5)}
.indv-orbit-live{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--io-sub);margin-bottom:14px}
.indv-orbit-live span{width:8px;height:8px;border-radius:50%;background:var(--io-pur);box-shadow:0 0 0 4px rgba(123,92,240,.18)}
@media(prefers-reduced-motion:no-preference){.indv-orbit-live span{animation:io-pulse 1.6s ease-in-out infinite}}
@keyframes io-pulse{50%{box-shadow:0 0 0 7px rgba(123,92,240,.05)}}
.indv-orbit-top-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.indv-orbit-mini-stat{display:flex;flex-direction:column;gap:3px;padding:11px;border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);border:1px solid rgba(42,33,64,.07);box-shadow:0 8px 20px -14px rgba(40,30,70,.4)}
.indv-orbit-mini-stat .io-ms-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 14%,#fff);margin-bottom:3px}
.indv-orbit-mini-stat b{font-size:17px;font-weight:800;color:var(--io-ink);font-feature-settings:'tnum'}
.indv-orbit-mini-stat>span{font-size:11px;color:var(--io-sub)}
.io-spark{width:100%;height:18px;margin-top:5px}

/* stage: center + unequal cards */
.indv-orbit-stage{position:relative;z-index:2;height:560px;margin:8px 0 6px}
.indv-orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:262px;height:262px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  background:radial-gradient(circle at 50% 40%,#fff,#f3eee2);
  box-shadow:0 0 0 1px rgba(123,92,240,.16),0 0 0 14px rgba(255,255,255,.55),0 30px 70px -34px rgba(40,30,70,.5),inset 0 0 60px rgba(123,92,240,.06)}
.indv-orbit-center::before,.indv-orbit-center::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(123,92,240,.14)}
.indv-orbit-center::before{inset:-26px}
.indv-orbit-center::after{inset:-50px;border-color:rgba(23,199,189,.12);border-style:dashed}
.indv-orbit-avatar{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;color:#fff;margin-bottom:6px;
  background:radial-gradient(circle at 38% 30%,#9b6bff,#6b46e0 70%,#4d2fb0);box-shadow:0 12px 28px -10px rgba(107,70,224,.7)}
.io-verify{position:absolute;bottom:2px;inset-inline-start:4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#2f8bff;border:2.5px solid #fff}
.indv-orbit-center strong{font-size:18px;font-weight:800;color:var(--io-ink)}
.indv-orbit-center small{font-size:12.5px;color:var(--io-sub)}
.indv-orbit-platforms{display:flex;gap:7px;margin:9px 0 4px}
.indv-orbit-platforms .io-pf{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--p);box-shadow:0 5px 12px -4px rgba(0,0,0,.45)}
.indv-orbit-platforms .io-pf svg{width:18px;height:18px}
.indv-orbit-platforms .io-ig{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.indv-orbit-center em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12.5px;font-weight:700;color:var(--io-ink);background:#fff;border:1px solid rgba(42,33,64,.1);padding:6px 14px;border-radius:30px;box-shadow:0 6px 16px -10px rgba(40,30,70,.4)}
.indv-orbit-center em svg{color:var(--io-pur)}

.indv-orbit-card{position:absolute;z-index:4;display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border-radius:20px;
  background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);
  box-shadow:0 26px 50px -28px rgba(40,30,70,.55),0 0 0 1px rgba(42,33,64,.04);transition:transform .25s,box-shadow .25s}
.indv-orbit-card:hover{transform:translateY(-4px);box-shadow:0 34px 60px -28px rgba(40,30,70,.6)}
.indv-orbit-icon{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(140deg,var(--c),color-mix(in oklab,var(--c) 70%,#000 12%));box-shadow:0 10px 20px -8px color-mix(in oklab,var(--c) 70%,transparent)}
.io-cbody h3{margin:0 0 3px;font-size:14.5px;font-weight:700;color:var(--io-ink)}
.io-cbody b{font-size:19px;font-weight:800;color:var(--c);font-feature-settings:'tnum';line-height:1.1}
.io-cbody p{margin:3px 0 0;font-size:12px;color:var(--io-sub)}
.io-cbody .io-spark{height:20px;margin:4px 0 0}
.indv-orbit-card.io-growth{left:4%;top:3%;width:232px}
.indv-orbit-card.io-eng{left:1%;top:40%;width:202px}
.indv-orbit-card.io-rep{left:5%;top:75%;width:216px}
.indv-orbit-card.io-trend{right:4%;top:9%;width:210px}
.indv-orbit-card.io-collab{right:3%;top:61%;width:226px}

/* chips row under the orbit */
.indv-orbit-chips{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:6px}
.indv-orbit-chip{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 30px -22px rgba(40,30,70,.5)}
.io-chip-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;position:relative;
  background:linear-gradient(145deg,var(--c),color-mix(in oklab,var(--c) 52%,#fff));
  box-shadow:0 10px 22px -10px var(--c),0 0 18px -4px color-mix(in oklab,var(--c) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}
.io-chip-ic svg{position:relative;width:19px;height:19px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.indv-orbit-chip .io-chip-ic,.indv-orbit-chip .io-chip-ic svg{color:#fff}
.indv-orbit-chip b{display:block;font-size:13px;font-weight:700;color:var(--io-ink)}
.indv-orbit-chip span{font-size:11.5px;color:var(--io-sub)}

/* bottom CTA bar */
.indv-orbit-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:20px;margin-top:20px;padding:18px 24px;border-radius:22px;
  background:linear-gradient(120deg,rgba(123,92,240,.1),rgba(23,199,189,.08));border:1px solid rgba(123,92,240,.16)}
.indv-orbit-avatars{display:flex;align-items:center}
.indv-orbit-avatars span{width:38px;height:38px;border-radius:50%;border:2.5px solid #faf6ee;margin-inline-start:-12px;background:linear-gradient(135deg,#9b6bff,#17c7bd)}
.indv-orbit-avatars span:first-child{margin-inline-start:0}
.indv-orbit-avatars b{margin-inline-start:-8px;font-size:12px;font-weight:800;color:var(--io-pur);background:#fff;border:2.5px solid #faf6ee;border-radius:30px;padding:6px 10px}
.io-bottom-tx{flex:1}
.io-bottom-tx strong{display:block;font-size:16px;font-weight:800;color:var(--io-ink)}
.io-bottom-tx p{margin:3px 0 0;font-size:13px;color:var(--io-sub)}
.indv-orbit-bottom-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:30px;font-size:14.5px;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(120deg,#7b5cf0,#9b6bff);box-shadow:0 14px 28px -12px rgba(123,92,240,.6);white-space:nowrap}
.indv-orbit-bottom-cta:hover{transform:translateY(-2px)}

/* DARK theme: harmonize the orbit section with the navy page */
[data-theme="dark"] .indv-orbit-section{--io-ink:#f2f0fb;--io-sub:#a9a6c8;--io-pur:#9d7bff;--io-teal:#34d8cd;
  background:transparent;
  box-shadow:none}
[data-theme="dark"] .indv-orbit-glow-a{background:radial-gradient(circle,rgba(157,123,255,.26),transparent 70%)}
[data-theme="dark"] .indv-orbit-glow-b{background:radial-gradient(circle,rgba(23,199,189,.2),transparent 70%)}
[data-theme="dark"] .indv-orbit-ring{border-color:rgba(157,123,255,.12)}
[data-theme="dark"] .indv-orbit-ring-3{border-color:rgba(52,216,205,.1)}
[data-theme="dark"] .indv-orbit-live-panel{background:rgba(20,17,46,.6);border-color:rgba(157,123,255,.16)}
[data-theme="dark"] .indv-orbit-mini-stat{background:rgba(255,255,255,.035);border-color:rgba(157,123,255,.12)}
[data-theme="dark"] .indv-orbit-mini-stat .io-ms-ic{background:color-mix(in oklab,var(--c) 24%,#171433)}
[data-theme="dark"] .indv-orbit-mini-stat b{color:#f2f0fb}
[data-theme="dark"] .indv-orbit-secondary{background:rgba(28,24,60,.7);color:#f2f0fb;border-color:rgba(157,123,255,.22)}
[data-theme="dark"] .indv-orbit-center{background:radial-gradient(circle at 50% 40%,#1d1948,#14112f);
  box-shadow:0 0 0 1px rgba(157,123,255,.2),0 0 0 14px rgba(255,255,255,.03),0 30px 70px -34px #000,inset 0 0 60px rgba(157,123,255,.08)}
[data-theme="dark"] .indv-orbit-center::before{border-color:rgba(157,123,255,.16)}
[data-theme="dark"] .indv-orbit-center::after{border-color:rgba(52,216,205,.14)}
[data-theme="dark"] .indv-orbit-center strong{color:#f2f0fb}
[data-theme="dark"] .indv-orbit-center em{background:rgba(28,24,60,.92);color:#f2f0fb;border-color:rgba(157,123,255,.2)}
[data-theme="dark"] .indv-orbit-card{background:rgba(28,24,60,.58);border-color:rgba(157,123,255,.14)}
[data-theme="dark"] .io-cbody h3{color:#f2f0fb}
[data-theme="dark"] .indv-orbit-chip{background:rgba(255,255,255,.035);border-color:rgba(157,123,255,.14)}
[data-theme="dark"] .io-chip-ic{background:linear-gradient(145deg,var(--c),color-mix(in oklab,var(--c) 50%,#2a2358));
  box-shadow:0 10px 24px -10px color-mix(in oklab,var(--c) 80%,transparent),0 0 22px -4px color-mix(in oklab,var(--c) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="dark"] .indv-orbit-chip b{color:#f2f0fb}
[data-theme="dark"] .indv-orbit-bottom{background:linear-gradient(120deg,rgba(157,123,255,.16),rgba(23,199,189,.1));border-color:rgba(157,123,255,.2)}
[data-theme="dark"] .io-bottom-tx strong{color:#f2f0fb}
[data-theme="dark"] .indv-orbit-avatars span{border-color:#14112f}
[data-theme="dark"] .indv-orbit-avatars b{background:#1d1948;color:#cbb8ff;border-color:#14112f}

@media(max-width:900px){
  .indv-orbit-head{grid-template-columns:1fr}
  .indv-orbit-stage{height:auto;display:flex;flex-direction:column;align-items:center;gap:14px}
  .indv-orbit-ring,.indv-orbit-center::before,.indv-orbit-center::after{display:none}
  .indv-orbit-center{position:relative;left:auto;top:auto;transform:none;width:260px;height:260px;margin-bottom:6px}
  .indv-orbit-card{position:relative !important;left:auto !important;right:auto !important;top:auto !important;width:100% !important;max-width:420px}
  .indv-orbit-chips{grid-template-columns:1fr 1fr}
  .indv-orbit-bottom{flex-direction:column;text-align:center}
}
@media(max-width:560px){.indv-orbit-top-stats{grid-template-columns:1fr}.indv-orbit-chips{grid-template-columns:1fr}.indv-orbit-section{padding:30px 20px 24px}}

/* ---- AUDIENCE · staggered persona roster ---- */
.iv-note{display:flex;gap:14px;align-items:center;padding:16px 20px;border-radius:16px;margin-top:8px;
  border:1px dashed color-mix(in oklab,var(--cyan) 34%,transparent);background:color-mix(in oklab,var(--cyan) 8%,transparent)}
.iv-note-ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--cyan);
  background:color-mix(in oklab,var(--cyan) 14%,transparent)}
.iv-note b{color:var(--head);font-size:15px}.iv-note p{margin:2px 0 0;color:var(--t2);font-size:13.5px}
.iv-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.iv-pers{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:22px;border-radius:18px;
  border:1px solid color-mix(in oklab,var(--c) 26%,var(--line-2));
  background:linear-gradient(165deg,color-mix(in oklab,var(--c) 13%,transparent),transparent 72%);transition:transform .25s}
.iv-roster .iv-pers:nth-child(3n-1){transform:translateY(20px)}
.iv-roster .iv-pers:hover{transform:translateY(-4px)}
.iv-roster .iv-pers:nth-child(3n-1):hover{transform:translateY(16px)}
.iv-pers-av{width:54px;height:54px;border-radius:50%;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 24px -8px color-mix(in oklab,var(--c) 60%,transparent)}
.iv-pers-tx b{display:block;font-size:17px;font-weight:700;color:var(--head)}
.iv-pers-tx span{font-size:13.5px;color:var(--t2);line-height:1.5}

/* ---- PRICING · horizontal plan bands ---- */
.iv-plans{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.iv-band{position:relative;display:grid;grid-template-columns:262px 1fr;gap:26px;padding:24px;border-radius:20px;
  border:1px solid color-mix(in oklab,var(--c) 26%,var(--line-2));
  background:linear-gradient(120deg,color-mix(in oklab,var(--c) 12%,transparent),transparent 58%)}
.iv-band.feat{border-color:color-mix(in oklab,var(--c) 55%,transparent);box-shadow:0 0 46px -18px color-mix(in oklab,var(--c) 65%,transparent)}
.iv-band-l{display:flex;flex-direction:column;gap:5px;border-inline-end:1px solid var(--line-2);padding-inline-end:24px}
.iv-band-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:var(--c);margin-bottom:8px;
  background:color-mix(in oklab,var(--c) 15%,transparent);border:1px solid color-mix(in oklab,var(--c) 36%,transparent)}
.iv-band-nm{font-size:20px;font-weight:800;color:var(--head)}
.iv-band-scope{font-size:13px;color:var(--t3)}
.iv-band-price{font-size:13.5px;color:var(--c);font-weight:600;margin-top:5px;display:flex;align-items:center;gap:5px}
.iv-band-tag{position:absolute;top:14px;inset-inline-end:16px;font-size:12px;font-weight:700;color:#0a2114;
  background:var(--c);padding:5px 13px;border-radius:20px}
.iv-band-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:11px 24px;align-content:center}
.iv-band-feats li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--t2)}
.iv-band-feats li svg{color:var(--c);flex:none;margin-top:3px}
.iv-band-l .btn{margin-top:12px}

@media(max-width:760px){
  .iv-roster{grid-template-columns:1fr}
  .iv-roster .iv-pers:nth-child(3n-1){transform:none}
  .iv-band{grid-template-columns:1fr}
  .iv-band-l{border-inline-end:0;border-bottom:1px solid var(--line-2);padding-inline-end:0;padding-bottom:16px}
  .iv-band-feats{grid-template-columns:1fr}
  .iv-dw.wide{grid-column:span 1}
}

/* ============================================================
   HERO · bespoke creator profile card (theme-aware, scoped)
   ============================================================ */
.indv-hero-card{position:relative;width:min(420px,100%);margin:0 auto;padding:26px 26px 22px;border-radius:26px;
  background:color-mix(in oklab,var(--panel-2) 92%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line-2);
  box-shadow:0 40px 90px -44px #000,inset 0 1px 0 rgba(255,255,255,.05)}
.indv-hpf{position:absolute;z-index:3;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--p);
  box-shadow:0 10px 24px -8px rgba(0,0,0,.5)}
.indv-hpf svg{width:24px;height:24px}
@media(prefers-reduced-motion:no-preference){.indv-hpf{animation:indv-hfloat 5s ease-in-out infinite}.indv-hpf:nth-child(2){animation-delay:-1.2s}.indv-hpf:nth-child(3){animation-delay:-2.4s}.indv-hpf:nth-child(4){animation-delay:-3.1s}.indv-hpf:nth-child(5){animation-delay:-1.8s}}
@keyframes indv-hfloat{50%{transform:translateY(-8px)}}
.indv-hc-top{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.indv-hc-av{position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;color:#fff;margin-bottom:6px;
  background:radial-gradient(circle at 38% 30%,#9b6bff,#6b46e0 70%,#4d2fb0);box-shadow:0 14px 30px -10px rgba(107,70,224,.7)}
.indv-hc-vf{position:absolute;bottom:0;inset-inline-start:6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#2f8bff;border:3px solid var(--panel-2)}
.indv-hc-top strong{font-size:18px;font-weight:800;color:var(--head)}
.indv-hc-top small{font-size:12.5px;color:var(--t3)}
.indv-hc-stats{display:flex;justify-content:space-between;gap:8px;margin:18px 0 6px;padding:14px 6px;border-block:1px solid var(--line-2)}
.indv-hc-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}
.indv-hc-stats b{font-size:19px;font-weight:800;color:var(--head);font-feature-settings:'tnum'}
.indv-hc-stats span{font-size:11px;color:var(--t3)}
.indv-hc-chart{width:100%;height:64px;display:block;margin:6px 0 2px}
.indv-hc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.indv-hc-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--t2);
  padding:7px 13px;border-radius:30px;background:color-mix(in oklab,var(--cyan) 9%,transparent);border:1px solid color-mix(in oklab,var(--cyan) 24%,var(--line-2))}
.indv-hc-chip svg{color:var(--cyan)}

/* ============================================================
   FEATURES · numbered capability path (scoped, theme-aware)
   ============================================================ */
.indv-path{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:36px;align-items:start}
.indv-path::before{content:"";position:absolute;inset-inline:42px;top:38px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,#9d7bff,#17d1c6,#52d999,#feb602,#ff8a6b,#9d7bff);opacity:.45}
.indv-step{position:relative;z-index:1;text-align:center}
.indv-step-b{position:relative;width:78px;height:78px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(140deg,var(--c),color-mix(in oklab,var(--c) 64%,#000 14%));
  box-shadow:0 18px 38px -12px color-mix(in oklab,var(--c) 70%,transparent);border:5px solid color-mix(in oklab,var(--panel-2) 80%,transparent)}
.indv-step-b em{position:absolute;bottom:-4px;inset-inline-end:-4px;font-style:normal;font-size:11px;font-weight:800;color:var(--c);
  background:var(--panel-2);border:1px solid color-mix(in oklab,var(--c) 30%,var(--line-2));border-radius:30px;padding:2px 7px}
.indv-step h3{font-size:15px;font-weight:700;color:var(--head);margin:6px 0 5px;min-height:2.6em;display:flex;align-items:center;justify-content:center}
.indv-step p{font-size:12px;line-height:1.6;color:var(--t2);margin:0;text-wrap:pretty}
@media(max-width:860px){.indv-path{grid-template-columns:repeat(3,1fr)}.indv-path::before{display:none}}
@media(max-width:520px){.indv-path{grid-template-columns:1fr 1fr}}

/* ============================================================
   FIRST60 · persona grid (scoped, theme-aware)
   ============================================================ */
.indv-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.indv-persona{padding:24px 20px;border-radius:22px;text-align:center;background:color-mix(in oklab,var(--panel-2) 86%,transparent);
  backdrop-filter:blur(8px);border:1px solid var(--line-2);box-shadow:0 24px 48px -34px #000;transition:transform .25s,border-color .25s}
.indv-persona:hover{transform:translateY(-5px);border-color:color-mix(in oklab,var(--c) 40%,transparent)}
.indv-persona-face{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:var(--c);
  background:color-mix(in oklab,var(--c) 15%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent);
  box-shadow:0 0 26px -8px color-mix(in oklab,var(--c) 60%,transparent)}
.indv-persona h3{font-size:16.5px;font-weight:700;color:var(--head);margin:0 0 8px}
.indv-persona p{font-size:13px;line-height:1.65;color:var(--t2);margin:0}

/* ============================================================
   SECURITY · shield + points (scoped, theme-aware)
   ============================================================ */
.indv-shield-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;align-items:center;margin-top:34px}
.indv-shield{position:relative;width:200px;height:230px;margin:0 auto;display:grid;place-items:center;color:#fff;
  border-radius:50px 50px 70px 70px;background:linear-gradient(150deg,#7b6cf0,#17d1c6);
  box-shadow:0 30px 60px -22px rgba(123,108,240,.6)}
.indv-shield svg{width:64px;height:64px;position:relative;z-index:1}
.indv-shield-glow{position:absolute;inset:-12px;border-radius:inherit;background:radial-gradient(circle,rgba(123,108,240,.4),transparent 70%);z-index:0}
.indv-shield-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.indv-shield-list li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;
  background:color-mix(in oklab,var(--panel-2) 84%,transparent);border:1px solid var(--line-2)}
.indv-sh-ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--c);
  background:color-mix(in oklab,var(--c) 15%,transparent);border:1px solid color-mix(in oklab,var(--c) 32%,transparent)}
.indv-shield-list b{display:block;font-size:14.5px;font-weight:700;color:var(--head)}
.indv-shield-list span{font-size:12.5px;line-height:1.6;color:var(--t2)}
@media(max-width:860px){.indv-personas{grid-template-columns:1fr 1fr}.indv-shield-wrap{grid-template-columns:1fr}.indv-shield-list{grid-template-columns:1fr}}
@media(max-width:520px){.indv-personas{grid-template-columns:1fr}}

/* ============================================================
   HERO v2 · creator dashboard hero (cream base + dark harmony)
   ============================================================ */
.sv[data-seg="individuals"] .sv-hero.vjn-creator-hero{position:relative;overflow:hidden;min-height:660px;padding:64px 0 44px;color:#07134f;isolation:isolate;display:block;
  background:radial-gradient(circle at 12% 12%,rgba(111,70,217,.13),transparent 30%),radial-gradient(circle at 88% 18%,rgba(24,185,174,.13),transparent 30%),radial-gradient(circle at 74% 84%,rgba(255,138,85,.08),transparent 30%),linear-gradient(135deg,#fbf6ed,#fffaf2 52%,#f7f1e8) !important}
.vjn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.vjn-glow{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(34px);opacity:.45}
.vjn-glow-a{top:8%;right:8%;background:rgba(111,70,217,.22)}
.vjn-glow-b{bottom:5%;left:9%;background:rgba(24,185,174,.24)}
.vjn-wave{position:absolute;width:820px;height:180px;border:2px solid rgba(111,70,217,.08);border-radius:50%;transform:rotate(-8deg)}
.vjn-wave-a{top:90px;left:-120px}.vjn-wave-b{bottom:40px;right:-160px;border-color:rgba(24,185,174,.10)}
.vjn-hero-inner{position:relative;z-index:2;width:min(1280px,calc(100% - 64px));margin-inline:auto;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:56px}
.vjn-hero-copy{text-align:right}
.vjn-hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(111,70,217,.15);color:#6f46d9;font-size:14px;font-weight:700;backdrop-filter:blur(14px)}
.vjn-hero-copy h1{margin:0;max-width:680px;font-size:clamp(44px,5vw,72px);line-height:1.12;letter-spacing:-1.4px;color:#07134f;font-weight:700}
.vjn-hero-copy h1 span{color:#6f46d9}
.vjn-hero-copy p{margin:22px 0 0;max-width:660px;color:rgba(7,19,79,.66);font-size:18px;line-height:2;font-weight:500}
.vjn-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.vjn-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;border-radius:15px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid transparent}
.vjn-btn-primary{color:#fff;background:linear-gradient(135deg,#6f46d9,#4f2bb8);box-shadow:0 18px 36px rgba(79,43,184,.25)}
.vjn-btn-soft{color:#07134f;background:rgba(255,255,255,.72);border-color:rgba(7,19,79,.12);backdrop-filter:blur(12px)}
.vjn-hero-dashboard{position:relative;min-height:460px;display:grid;place-items:center}
.vjn-orbit{position:absolute;border-radius:50%;border:2px dashed rgba(111,70,217,.22)}
.vjn-orbit-one{width:560px;height:330px;transform:rotate(-8deg)}
.vjn-orbit-two{width:420px;height:250px;border-style:solid;border-color:rgba(24,185,174,.16);transform:rotate(7deg)}
@media(prefers-reduced-motion:no-preference){.vjn-orbit-one{animation:vjnspin 70s linear infinite}.vjn-orbit-two{animation:vjnspin 90s linear infinite reverse}}
@keyframes vjnspin{to{transform:rotate(352deg)}}
.vjn-social{position:absolute;z-index:6;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);border:5px solid rgba(255,255,255,.72);box-shadow:0 16px 34px rgba(7,19,79,.16)}
.vjn-social svg{width:26px;height:26px}
.vjn-social-ig{top:26px;right:82px}.vjn-social-tk{top:160px;right:8px}.vjn-social-x{top:42px;left:86px}.vjn-social-yt{top:172px;left:18px}.vjn-social-sc{bottom:68px;left:82px}
@media(prefers-reduced-motion:no-preference){.vjn-social{animation:vjnflo 5s ease-in-out infinite}.vjn-social-tk{animation-delay:-1.2s}.vjn-social-x{animation-delay:-2.4s}.vjn-social-yt{animation-delay:-3.1s}.vjn-social-sc{animation-delay:-1.8s}}
@keyframes vjnflo{50%{transform:translateY(-9px)}}
.vjn-profile-card{position:relative;z-index:5;width:318px;padding:28px 24px 22px;text-align:center;border-radius:38px;background:radial-gradient(circle at 50% 0%,rgba(111,70,217,.16),transparent 48%),rgba(255,255,255,.84);border:1px solid rgba(111,70,217,.14);box-shadow:0 34px 90px rgba(34,24,94,.16);backdrop-filter:blur(20px)}
.vjn-avatar{width:108px;height:108px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.5),transparent 22%),linear-gradient(135deg,#6f46d9,#18b9ae);box-shadow:0 18px 42px rgba(111,70,217,.22);color:#fff}
.vjn-avatar svg{width:44px;height:44px}
.vjn-profile-card h3{margin:0 0 9px;font-size:21px;color:#07134f;font-weight:700}
.vjn-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.vjn-tags span{padding:6px 10px;border-radius:999px;background:rgba(111,70,217,.08);color:#6f46d9;font-size:12px;font-weight:700}
.vjn-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0 14px}
.vjn-metrics strong{display:block;color:#07134f;font-size:18px}
.vjn-metrics small{color:rgba(7,19,79,.58);font-size:11px;font-weight:600}
.vjn-chart{height:54px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(111,70,217,.08),rgba(24,185,174,.05));position:relative}
.vjn-chart i{position:absolute;inset:22px 20px 13px;background:linear-gradient(90deg,transparent,#6f46d9,#18b9ae,transparent);clip-path:polygon(0 80%,12% 56%,24% 62%,36% 28%,48% 54%,60% 40%,74% 68%,88% 35%,100% 18%);opacity:.75}
.vjn-mini-card{position:absolute;z-index:7;min-width:128px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.88);border:1px solid rgba(7,19,79,.10);box-shadow:0 18px 38px rgba(26,31,86,.12);backdrop-filter:blur(14px)}
.vjn-mini-card b{display:block;color:#6f46d9;font-size:20px;margin-bottom:3px}
.vjn-mini-card span{display:block;color:rgba(7,19,79,.62);font-size:12px;font-weight:600}
.vjn-mini-growth{top:112px;left:32px}.vjn-mini-reach{bottom:88px;right:38px}
.vjn-dashboard-tabs{position:absolute;z-index:8;bottom:6px;right:50%;transform:translateX(50%);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:min(620px,100%)}
.vjn-dashboard-tabs span{padding:11px 16px;border-radius:15px;background:rgba(255,255,255,.88);border:1px solid rgba(7,19,79,.09);box-shadow:0 12px 30px rgba(26,31,86,.08);font-size:13px;font-weight:700;color:#1c245b}
/* dark harmony */
[data-theme="dark"] .sv[data-seg="individuals"] .sv-hero.vjn-creator-hero{background:transparent !important;color:var(--head)}
[data-theme="dark"] .vjn-hero-kicker{background:rgba(28,24,60,.6);border-color:rgba(157,123,255,.25);color:#bda9ff}
[data-theme="dark"] .vjn-hero-copy h1{color:var(--head)}
[data-theme="dark"] .vjn-hero-copy h1 span{color:#9d7bff}
[data-theme="dark"] .vjn-hero-copy p{color:var(--t2)}
[data-theme="dark"] .vjn-btn-soft{background:rgba(28,24,60,.6);color:var(--head);border-color:rgba(157,123,255,.25)}
[data-theme="dark"] .vjn-profile-card{background:radial-gradient(circle at 50% 0%,rgba(157,123,255,.18),transparent 48%),rgba(28,24,60,.82);border-color:rgba(157,123,255,.2)}
[data-theme="dark"] .vjn-profile-card h3,[data-theme="dark"] .vjn-metrics strong{color:var(--head)}
[data-theme="dark"] .vjn-metrics small,[data-theme="dark"] .vjn-mini-card span{color:var(--t2)}
[data-theme="dark"] .vjn-social{background:rgba(28,24,60,.92);border-color:rgba(157,123,255,.2)}
[data-theme="dark"] .vjn-social-x svg,[data-theme="dark"] .vjn-social-tk svg{fill:#fff}
[data-theme="dark"] .vjn-mini-card{background:rgba(28,24,60,.84);border-color:rgba(157,123,255,.2)}
[data-theme="dark"] .vjn-mini-card b{color:#bda9ff}
[data-theme="dark"] .vjn-dashboard-tabs span{background:rgba(28,24,60,.8);border-color:rgba(157,123,255,.18);color:var(--t1)}
[data-theme="dark"] .vjn-orbit{border-color:rgba(157,123,255,.2)}
@media(max-width:1000px){.vjn-hero-inner{grid-template-columns:1fr;gap:36px}.vjn-hero-copy{text-align:center}.vjn-hero-copy h1,.vjn-hero-copy p{margin-inline:auto}.vjn-hero-actions{justify-content:center}}
@media(max-width:640px){.sv[data-seg="individuals"] .sv-hero.vjn-creator-hero{padding:40px 0 32px}.vjn-hero-inner{width:min(100% - 28px,1280px)}.vjn-hero-copy h1{font-size:40px}.vjn-hero-dashboard{min-height:auto;gap:14px}.vjn-orbit{display:none}.vjn-social,.vjn-mini-card,.vjn-dashboard-tabs{position:relative;inset:auto;right:auto;left:auto;top:auto;bottom:auto;transform:none}.vjn-profile-card{width:100%}.vjn-dashboard-tabs{width:100%}}

/* ============================================================
   PROBLEM · match premium glass cards (orbit/hero style)
   ============================================================ */
.sv[data-seg="individuals"] .sv-prob .sv-wedges{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.sv[data-seg="individuals"] .sv-prob .sv-wedge{position:relative;overflow:hidden;display:block;text-align:start;padding:24px;border-radius:20px;
  background:color-mix(in oklab,var(--panel-2) 88%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line-2);
  box-shadow:0 26px 50px -34px #000;transition:transform .25s,box-shadow .25s,border-color .25s}
.sv[data-seg="individuals"] .sv-prob .sv-wedge::before{display:block;content:"";position:absolute;top:0;inset-inline-start:0;width:42%;height:3px;background:linear-gradient(90deg,var(--c),transparent);box-shadow:0 0 12px var(--c)}
.sv[data-seg="individuals"] .sv-prob .sv-wedge:hover{transform:translateY(-5px);border-color:color-mix(in oklab,var(--c) 40%,transparent);box-shadow:0 36px 60px -32px #000,0 0 38px -22px color-mix(in oklab,var(--c) 55%,transparent)}
.sv[data-seg="individuals"] .sv-prob .sv-wedge-top{position:static;margin:0 0 14px;display:block;inset:auto}
.sv[data-seg="individuals"] .sv-prob .sv-wedge-ic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(140deg,var(--c),color-mix(in oklab,var(--c) 70%,#000 12%));box-shadow:0 12px 24px -8px color-mix(in oklab,var(--c) 60%,transparent)}
.sv[data-seg="individuals"] .sv-prob .sv-wedge-ic svg{width:26px;height:26px}
.sv[data-seg="individuals"] .sv-prob .sv-wedge h3{min-height:0;display:block;padding-inline-end:0;margin:0 0 8px;font-size:16.5px;font-weight:700;color:var(--head)}
.sv[data-seg="individuals"] .sv-prob .sv-wedge p{font-size:13.5px;color:var(--t2);line-height:1.7;margin:0;text-align:start}
[data-theme="light"] .sv[data-seg="individuals"] .sv-prob .sv-wedge{background:color-mix(in oklab,#fff 86%,transparent);border-color:var(--line-2);box-shadow:0 22px 44px -34px rgba(20,16,40,.5)}
@media(max-width:860px){.sv[data-seg="individuals"] .sv-prob .sv-wedges{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sv[data-seg="individuals"] .sv-prob .sv-wedges{grid-template-columns:1fr}}

/* ============================================================
   HERO BACKGROUND refinements (user feedback) — scoped to individuals
   1) hide the dotted/square grid in the hero
   2) calmer / deeper hero background (less glow + soft dark veil)
   3) light mode only: drop gold/yellow from the scene decoration
      (orange wave kept — only #feb602 gold is recolored to Piki blue)
   ============================================================ */
/* (1) remove the squares */
.sv[data-seg="individuals"] .sv-hero-grid{display:none}

/* (2) calmer hero background — keep only the top glow, drop the bottom-left
   glow that bled into the hero↔section seam (the "weird transparency") */
.sv[data-seg="individuals"] .sv-hero-bg{opacity:.26;
  background:radial-gradient(820px 480px at 82% -8%,color-mix(in oklab,var(--violet) 24%,transparent),transparent 60%)}
.sv[data-seg="individuals"] .sv-hero{position:relative}
/* decoration container at full strength (vivid like the homepage) */
.sv[data-seg="individuals"] .idx-deco{opacity:1}

/* (3) LIGHT mode — no gold/yellow on this page's scene decoration */
[data-theme="light"] .sv[data-seg="individuals"] .idx-deco-svg circle[fill="#feb602"]{fill:#336aea}

/* (4) keep the top wave its NATIVE homepage cyan (#17d1c6) — recolor removed
   per request so the background matches the homepage in this page's own palette */

/* (5) hide the translucent violet wave (the "transparency" seam under the hero) */
.sv[data-seg="individuals"] .idx-deco-svg path[stroke="url(#idxVioW)"]{display:none}

/* (6) VIVID decoration — bold lines + real colors, like the homepage hero/footer
   (thicker, more opaque waves; constellation lines + dots brought forward) */
.sv[data-seg="individuals"] .idx-deco-svg path[stroke="#17d1c6"]{stroke-width:24;opacity:.92}   /* top wave  */
.sv[data-seg="individuals"] .idx-deco-svg path[stroke="#fd421f"]{stroke-width:22;opacity:.6}      /* lower wave */
.sv[data-seg="individuals"] .idx-deco-svg g{opacity:.6}                                            /* network/cell lines */
.sv[data-seg="individuals"] .idx-deco-svg circle[r="4"],
.sv[data-seg="individuals"] .idx-deco-svg circle[r="5"],
.sv[data-seg="individuals"] .idx-deco-svg circle[r="6"],
.sv[data-seg="individuals"] .idx-deco-svg circle[r="7"]{opacity:.95}                               /* node dots, vivid */
.sv[data-seg="individuals"] .idx-deco-svg circle[r="190"],
.sv[data-seg="individuals"] .idx-deco-svg circle[r="150"]{opacity:.05}                            /* mute soft glow orbs (read as haze) */

/* ============================================================
   (7) HERO PHOTO backdrop — social-globe image, feathered + blended
   Injected by individuals-redesign.js as .iv-hero-photo (behind content)
   ============================================================ */
.sv[data-seg="individuals"] .iv-hero-photo{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:
    linear-gradient(0deg,rgba(5,3,18,.5),transparent 22%),
    url('hero-social-globe.jpg') 50% 60%/130% no-repeat;
  /* clear focal core (lower-centre) that fades to transparent at the edges,
     AND a tall upward fade so the whole text block sits on clean sky */
  -webkit-mask-image:
    radial-gradient(98% 116% at 50% 74%,#000 20%,rgba(0,0,0,.5) 48%,rgba(0,0,0,.16) 68%,transparent 80%),
    linear-gradient(180deg,transparent 46%,#000 70%);
  -webkit-mask-composite:source-in;
  mask-image:
    radial-gradient(98% 116% at 50% 74%,#000 20%,rgba(0,0,0,.5) 48%,rgba(0,0,0,.16) 68%,transparent 80%),
    linear-gradient(180deg,transparent 46%,#000 70%);
  mask-composite:intersect}
[data-theme="dark"] .sv[data-seg="individuals"] .iv-hero-photo{opacity:.9}
/* LIGHT: a faint, soft texture only */
[data-theme="light"] .sv[data-seg="individuals"] .iv-hero-photo{opacity:.16}

/* the photo replaces the old orbit visual — hide the redundant orbit globe */
.sv[data-seg="individuals"] .sv-crehero{display:none}
.sv[data-seg="individuals"] .sv-hero-in{grid-template-columns:1fr;min-height:540px;align-content:start}
/* headline keeps its shadow only on the lead (h1 uses gradient text) */
.sv[data-seg="individuals"] .sv-hero-copy .sv-lead{text-shadow:0 2px 22px rgba(3,2,12,.7)}

/* ============================================================
   (8) CREATOR AURORA — pro restyle of the hero (ref-inspired)
   Layered silk ribbons · gradient verbs · glass chips · glow CTA
   ============================================================ */
/* the new aurora replaces the old flat scene waves on this page */
.sv[data-seg="individuals"] .idx-deco-svg path{display:none}

/* lower the whole glowing aurora band cleanly: give the hero extra bottom
   room so the band (anchored to the hero's clipped bottom) drops down with it,
   instead of pushing the band past the clip (which exposed a hard seam) */
.sv[data-seg="individuals"] .sv-hero{padding-bottom:210px}
.sv[data-seg="individuals"] .iv-aurora{position:absolute;left:0;right:0;bottom:-58px;top:auto;height:330px;z-index:0;pointer-events:none;overflow:visible}
.sv[data-seg="individuals"] .iv-aurora-svg{width:108%;height:100%;margin-inline-start:-4%;display:block;mix-blend-mode:screen}
@media(prefers-reduced-motion:no-preference){
  .sv[data-seg="individuals"] .iv-aurora-svg{animation:iv-aura-drift 22s ease-in-out infinite}
}
@keyframes iv-aura-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(-26px)}}

/* gradient action verbs in the headline */
.sv[data-seg="individuals"] .sv-hero-copy h1 .iv-g{
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800}
.sv[data-seg="individuals"] .iv-g1{background-image:linear-gradient(120deg,#b69bff,#7b6cf0)}
.sv[data-seg="individuals"] .iv-g2{background-image:linear-gradient(120deg,#3fe0d6,#17c7bd)}
.sv[data-seg="individuals"] .iv-g3{background-image:linear-gradient(120deg,#ff9aae,#fd6a4f)}

/* glass eyebrow pill */
.sv[data-seg="individuals"] .sv-hero .sv-eyebrow{
  background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.02));
  border:1px solid rgba(157,123,255,.32);backdrop-filter:blur(10px);
  box-shadow:0 8px 24px -16px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.1)}

/* glass capability chips with a soft glow */
.sv[data-seg="individuals"] .sv-hero .sv-chip{
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.015));
  border:1px solid rgba(157,123,255,.26);backdrop-filter:blur(12px);color:var(--t1);
  box-shadow:0 10px 26px -16px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.09);
  transition:transform .25s,border-color .25s,box-shadow .25s}
.sv[data-seg="individuals"] .sv-hero .sv-chip:hover{transform:translateY(-2px);
  border-color:rgba(52,216,205,.5);box-shadow:0 16px 34px -16px rgba(23,209,198,.5),inset 0 1px 0 rgba(255,255,255,.12)}

/* gradient glow CTA + glass secondary */
.sv[data-seg="individuals"] .sv-hero .btn-primary{
  background:linear-gradient(120deg,#7b6cf0,#9d7bff 46%,#17d1c6);border:0;color:#fff;
  box-shadow:0 16px 36px -12px rgba(123,108,240,.7),inset 0 1px 0 rgba(255,255,255,.22)}
.sv[data-seg="individuals"] .sv-hero .btn-primary:hover{box-shadow:0 20px 44px -12px rgba(23,209,198,.6),inset 0 1px 0 rgba(255,255,255,.25)}
.sv[data-seg="individuals"] .sv-hero .btn:not(.btn-primary){
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(157,123,255,.3);backdrop-filter:blur(10px);color:var(--t0)}

/* LIGHT mode tuning for the glass + aurora */
[data-theme="light"] .sv[data-seg="individuals"] .iv-aurora-svg{mix-blend-mode:normal;opacity:.7}
[data-theme="light"] .sv[data-seg="individuals"] .sv-hero .sv-chip{
  background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.5));border-color:rgba(123,108,240,.22);color:#2a2140}
[data-theme="light"] .sv[data-seg="individuals"] .sv-hero .sv-eyebrow{background:rgba(255,255,255,.8);border-color:rgba(123,108,240,.22)}
[data-theme="light"] .sv[data-seg="individuals"] .iv-g3{background-image:linear-gradient(120deg,#ff7a5c,#fd421f)}

/* ============================================================
   (9) FULL-PAGE GLASS + GLOW SYSTEM — applies the ref aesthetic
   across EVERY section. Restyles shared primitives only (no layout
   changes): glass cards · glowing gradient icon badges · glass
   eyebrows · gradient buttons. Scoped to the individuals page.
   ============================================================ */
/* glass cards (all card families) */
.sv[data-seg="individuals"] :is(.sv-card,.sv-wedge,.sv-uc,.sv-sphere,.sv-step,.sv-iccard,.sv-fcard,.sv-plan){
  background:linear-gradient(165deg,rgba(255,255,255,.072),rgba(255,255,255,.014)),color-mix(in oklab,var(--bg-3) 34%,transparent) !important;
  border:1px solid rgba(157,123,255,.2) !important;
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
  box-shadow:0 20px 46px -28px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07) !important}
.sv[data-seg="individuals"] :is(.sv-card,.sv-wedge,.sv-uc,.sv-sphere,.sv-iccard,.sv-fcard,.sv-plan):hover{
  border-color:color-mix(in oklab,var(--c,var(--violet-2)) 52%,transparent) !important;
  box-shadow:0 28px 60px -28px color-mix(in oklab,var(--c,var(--violet)) 55%,#000),inset 0 1px 0 rgba(255,255,255,.1) !important}

/* glowing gradient icon badges (all icon families) */
.sv[data-seg="individuals"] :is(.sv-ci,.sv-wedge-ic,.sv-uc-ic,.sv-sphere-ic,.sv-iccard-ic,.sv-plan-ic,.sv-scv-ic,.sv-step-ic,.sv-fcard-ic){
  color:#fff !important;border:0 !important;
  background:linear-gradient(140deg,var(--c,var(--violet)),color-mix(in oklab,var(--c,var(--violet)) 42%,#5a47c8)) !important;
  box-shadow:0 0 26px -2px color-mix(in oklab,var(--c,var(--violet)) 58%,transparent),
             0 12px 26px -10px color-mix(in oklab,var(--c,var(--violet)) 70%,transparent),
             inset 0 1px 0 rgba(255,255,255,.32) !important}
.sv[data-seg="individuals"] :is(.sv-ci,.sv-wedge-ic,.sv-uc-ic,.sv-sphere-ic,.sv-iccard-ic,.sv-plan-ic,.sv-scv-ic,.sv-step-ic,.sv-fcard-ic) svg{
  color:#fff !important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)) !important}

/* glass eyebrows in every section */
.sv[data-seg="individuals"] .sv-sec .sv-eyebrow{
  display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:30px;
  background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(157,123,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* gradient glow buttons everywhere */
.sv[data-seg="individuals"] .btn-primary{
  background:linear-gradient(120deg,#7b6cf0,#9d7bff 46%,#17d1c6) !important;border-color:transparent !important;color:#fff !important;
  box-shadow:0 16px 36px -12px rgba(123,108,240,.7),inset 0 1px 0 rgba(255,255,255,.22) !important}
.sv[data-seg="individuals"] .btn-primary:hover{box-shadow:0 20px 44px -12px rgba(23,209,198,.6),inset 0 1px 0 rgba(255,255,255,.25) !important}

/* LIGHT mode: glass cards read as frosted white */
[data-theme="light"] .sv[data-seg="individuals"] :is(.sv-card,.sv-wedge,.sv-uc,.sv-sphere,.sv-step,.sv-iccard,.sv-fcard,.sv-plan){
  background:linear-gradient(165deg,rgba(255,255,255,.92),rgba(255,255,255,.62)),color-mix(in oklab,#fff 60%,transparent) !important;
  border-color:rgba(123,108,240,.16) !important;
  box-shadow:0 22px 44px -30px rgba(20,16,40,.45),inset 0 1px 0 rgba(255,255,255,.6) !important}
[data-theme="light"] .sv[data-seg="individuals"] .sv-sec .sv-eyebrow{background:rgba(255,255,255,.82);border-color:rgba(123,108,240,.2)}
