/* Vision page (Divyanveshan). Ported from the vision artifact, scoped to .vision, in the site palette on midnight. */
.vision{
  
  --ink:#12162b;
  --ink-2:#1a1f3b;
  --text:#ece6d8;
  --muted:#a6a5bb;
  --line:rgba(236,230,216,.13);
  --sattva:#e9cf8a;
  --rajas:#d9783f;
  --tamas:#8a8ff0;
  --l1:#e9cf8a; --l2:#e3a362; --l3:#8fc1cf; --l4:#d9783f; --l5:#8a8ff0;
  --display:"EB Garamond",Georgia,serif;
  --body:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Noto Sans",system-ui,sans-serif;
  --p:0;
  color-scheme:dark;
}
.vision *{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){}
.vision{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.vision .dawn{position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
   radial-gradient(120% 60% at 50% 115%, rgba(236,93,64,calc(.10 + var(--p)*.22)), transparent 60%),
   radial-gradient(90% 45% at 50% 120%, rgba(243,223,162,calc(var(--p)*.20)), transparent 62%),
   radial-gradient(80% 50% at 85% -10%, rgba(138,143,240,calc(.16 - var(--p)*.10)), transparent 60%);}
.vision .v-inner{position:relative;z-index:1}
.vision a{color:var(--sattva)}
.vision a:focus-visible,.vision button:focus-visible{outline:2px solid var(--sattva);outline-offset:3px;border-radius:6px}
.vision h1,.vision h2,.vision h3{font-family:var(--display);font-weight:400;text-wrap:balance;margin:0;line-height:1.12}
.vision p{margin:0}
.vision .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.vision .measure{max-width:64ch}
.vision .mono{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.vision .deva{font-family:"Tiro Devanagari Sanskrit",serif}
.vision .iast{font-family:var(--display);font-style:italic}
.vision .hero{padding:44px 0 30px}
.vision .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
@media (min-width:900px){.vision .hero-grid{grid-template-columns:1.05fr 1fr;gap:48px}
.vision .hero{padding:72px 0 40px}}
.vision .brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}
.vision .brand .deva{font-family:"Tiro Devanagari Sanskrit",serif;font-size:22px;color:var(--sattva)}
.vision .hero h1{font-size:clamp(40px,8.4vw,74px);margin:18px 0 18px;letter-spacing:-.005em}
.vision .hero h1 em{font-style:italic;color:var(--sattva)}
.vision .lede{font-size:18.5px;color:#d8d2c4;max-width:46ch}
.vision .name-key{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--muted)}
.vision .name-key b{font-family:var(--display);font-style:italic;font-weight:400;color:var(--text);font-size:16px}
.vision .field-card{position:relative;border:1px solid var(--line);border-radius:18px;background:radial-gradient(70% 70% at 50% 50%,#171a38,#0e1024);overflow:hidden}
.vision #field{display:block;width:100%;height:340px;touch-action:pan-y;cursor:crosshair}
@media (min-width:900px){.vision #field{height:440px}}
.vision .field-cap{padding:14px 16px 16px;border-top:1px solid var(--line);display:grid;gap:12px}
.vision .field-cap p{font-size:14px;color:var(--muted)}
.vision .gunas{display:flex;flex-wrap:wrap;gap:8px}
.vision .guna{appearance:none;border:1px solid var(--line);background:transparent;color:var(--text);font:500 14px var(--body);padding:7px 13px 7px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s,border-color .2s}
.vision .guna i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.vision .guna[aria-pressed="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}
.vision .guna-say{font-size:14.5px;min-height:3.2em;color:#d8d2c4}
.vision .guna-say .src{display:block;margin-top:4px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.vision{--atma:#ece6d8;--mano:var(--tamas);--tattva:var(--l3);--divya:var(--sattva)}
.vision .pathways{padding:56px 0 0}
.vision .pw-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;margin-top:28px}
@media (min-width:900px){.vision .pw-grid{grid-template-columns:340px 1fr;gap:44px}}
.vision .rings{width:100%;max-width:340px;margin:0 auto;display:block}
.vision .rings circle.ring{fill:none;stroke:var(--c);stroke-opacity:.38;stroke-width:1.2;transition:stroke-opacity .25s,stroke-width .25s;cursor:pointer}
.vision .rings g.on circle.ring{stroke-opacity:1;stroke-width:2.4}
.vision .rings text{fill:var(--c);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.vision .rings .core{fill:url(#coreGlow)}
.vision .pw-cards{display:grid;gap:12px}
@media (min-width:620px){.vision .pw-cards{grid-template-columns:1fr 1fr}}
.vision .pw{border:1px solid var(--line);border-left:3px solid var(--c);border-radius:14px;padding:16px 16px 18px;background:rgba(20,23,47,.6);display:grid;gap:6px;align-content:start;transition:border-color .25s,background .25s}
.vision .pw.on{background:color-mix(in srgb,var(--c) 9%,rgba(20,23,47,.7));border-color:color-mix(in srgb,var(--c) 55%,transparent);border-left-color:var(--c)}
.vision .pw .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.vision .pw h3{font-size:25px}
.vision .pw .deva{font-family:"Tiro Devanagari Sanskrit",serif;color:var(--c);font-size:18px}
.vision .pw .iast{font-size:15px;color:var(--muted)}
.vision .pw p{font-size:15px;color:#d8d2c4}
.vision .pw .who{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--c);display:inline-flex;align-items:center;gap:6px}
.vision .pw.sealed{border-style:dashed;border-left-style:solid}
.vision .pw.sealed .veil i{background:linear-gradient(90deg,rgba(236,230,216,.22),rgba(236,230,216,.05))}
.vision .pwtag{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--c)}
.vision .P-mano{--c:var(--mano)}
.vision .P-tattva{--c:var(--tattva)}
.vision .P-divya{--c:var(--divya)}
.vision .P-atma{--c:var(--atma)}
.vision .stage{padding:72px 0 8px;border-top:1px solid var(--line);margin-top:56px}
.vision .stage-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:34px}
.vision .stage-num{display:flex;align-items:center;gap:12px}
.vision .stage-num span:first-child{font-family:"Tiro Devanagari Sanskrit",serif;font-size:56px;line-height:1;color:var(--c)}
.vision .stage h2{font-size:clamp(32px,6vw,52px)}
.vision .stage-head p{font-size:18px;color:#d8d2c4}
.vision .block{margin-top:52px}
.vision .block h3{font-size:clamp(25px,4.4vw,34px);margin-bottom:12px}
.vision .block > p + p{margin-top:14px}
.vision .tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.vision .layer{font-family:var(--mono);font-size:11px;letter-spacing:.05em;padding:3px 8px 3px 7px;border-radius:5px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);color:var(--c);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.vision .layer::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
.vision .L1{--c:var(--l1)}
.vision .L2{--c:var(--l2)}
.vision .L3{--c:var(--l3)}
.vision .L4{--c:var(--l4)}
.vision .L5{--c:var(--l5)}
.vision .layers{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.vision .layers li{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;padding:14px 16px;border-top:1px solid var(--line);align-items:start}
.vision .layers li:first-child{border-top:0}
.vision .layers .k{font-family:"Tiro Devanagari Sanskrit",serif;font-size:26px;line-height:1;color:var(--c);grid-row:span 2}
.vision .layers b{font-weight:600;font-size:15.5px}
.vision .layers span{font-size:14.5px;color:var(--muted)}
.vision .darsanas{display:grid;gap:12px;grid-template-columns:1fr;margin-top:22px}
@media (min-width:620px){.vision .darsanas{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.vision .darsanas{grid-template-columns:repeat(3,1fr)}}
.vision .dar{border:1px solid var(--line);border-radius:14px;padding:16px 16px 18px;background:rgba(20,23,47,.55);display:grid;gap:6px;align-content:start}
.vision .dar .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.vision .dar h4{margin:0;font-family:var(--display);font-weight:400;font-size:22px}
.vision .dar .deva{font-family:"Tiro Devanagari Sanskrit",serif;color:var(--sattva);font-size:18px}
.vision .dar p{font-size:14.5px;color:#cfc9bb}
.vision .dar small{font-size:12.5px;color:var(--muted)}
.vision .dar.hl{border-color:color-mix(in srgb,var(--rajas) 50%,transparent)}
.vision .tattva{margin-top:22px;border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(20,23,47,.55)}
.vision .tattva-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.vision .count{font-family:var(--mono);font-size:13px;color:var(--muted)}
.vision .count b{font-family:var(--display);font-weight:400;font-size:30px;color:var(--sattva);margin-right:4px}
.vision .btn{appearance:none;font:500 14.5px var(--body);color:var(--ink);background:var(--sattva);border:0;border-radius:999px;padding:9px 16px;cursor:pointer}
.vision .btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.vision .tree{display:grid;gap:10px}
@media (min-width:820px){.vision .tree{grid-template-columns:220px 1fr;gap:18px}}
.vision .purusa{border:1px dashed color-mix(in srgb,var(--sattva) 55%,transparent);border-radius:14px;padding:14px;align-self:start}
.vision .purusa h4,.vision .lv h4{margin:0;font-family:var(--display);font-weight:400;font-size:21px}
.vision .purusa p,.vision .lv p{font-size:13.5px;color:var(--muted)}
.vision .levels{list-style:none;margin:0;padding:0;display:grid;gap:8px;position:relative}
.vision .lv{border-left:2px solid var(--line);padding:6px 0 6px 14px;transition:opacity .45s,border-color .45s,transform .45s}
.vision .lv.lit{border-left-color:var(--c,var(--rajas))}
.vision .tattva.playing .lv:not(.lit){opacity:.18;transform:translateX(6px)}
.vision .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.vision .chips span{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:#d8d2c4}
.vision .chips span i{font-family:var(--display);font-style:italic;color:var(--text)}
.vision .src-line{margin-top:14px;font-size:13px;color:var(--muted)}
.vision .formats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.vision .formats span{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14.5px;background:rgba(20,23,47,.5)}
.vision .note{margin-top:14px;font-size:14.5px;color:var(--muted)}
.vision .sutra{margin-top:20px;border-radius:18px;border:1px solid var(--line);overflow:hidden;background:rgba(20,23,47,.55)}
.vision .sutra-text{padding:26px 20px 22px;text-align:left;border-bottom:1px solid var(--line);background:radial-gradient(90% 120% at 0% 0%,rgba(243,223,162,.08),transparent 60%)}
.vision .sutra-text .deva{font-family:"Tiro Devanagari Sanskrit",serif;font-size:clamp(28px,6vw,42px);line-height:1.3;color:var(--sattva)}
.vision .sutra-text .iast{font-size:20px;margin-top:6px}
.vision .sutra-text .ref{margin-top:8px}
.vision .readings{display:grid}
@media (min-width:820px){.vision .readings{grid-template-columns:repeat(3,1fr)}}
.vision .reading{padding:18px 20px;border-top:1px solid var(--line)}
@media (min-width:820px){.vision .reading{border-top:0;border-left:1px solid var(--line)}
.vision .reading:first-child{border-left:0}}
.vision .reading p{font-size:15px;color:#d8d2c4}
.vision .ytformats{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.vision .care{display:grid;gap:22px;margin-top:6px}
@media (min-width:900px){.vision .care{grid-template-columns:1fr 1.1fr;gap:40px}}
.vision .principle{font-family:var(--display);font-size:clamp(26px,4.6vw,38px);line-height:1.22;color:var(--text)}
.vision .principle em{color:var(--sattva)}
.vision .sthira{border-left:3px solid var(--sattva);padding:4px 0 4px 16px;margin-top:22px}
.vision .sthira .deva{font-family:"Tiro Devanagari Sanskrit",serif;font-size:26px;color:var(--sattva)}
.vision .sthira .iast{font-size:18px}
.vision .sthira p{font-size:15px;color:#d8d2c4;margin-top:6px}
.vision .rules{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vision .rules li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(20,23,47,.55);font-size:15.5px}
.vision .rules li svg{width:22px;height:22px;margin-top:2px}
.vision .ethics{margin-top:20px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.vision .ethics-head{display:none}
@media (min-width:720px){.vision .ethics-head{display:grid;grid-template-columns:1fr 1fr;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(20,23,47,.7)}}
.vision .erow{display:grid;gap:4px;padding:14px 18px;border-top:1px solid var(--line)}
.vision .erow:first-of-type{border-top:0}
@media (min-width:720px){.vision .erow{grid-template-columns:1fr 1fr;gap:18px}}
.vision .erow .no{color:var(--muted);font-size:14.5px;text-decoration:line-through;text-decoration-color:rgba(236,93,64,.6)}
.vision .erow .yes{font-size:15.5px}
.vision .erow .yes::before{content:"→ ";color:var(--sattva)}
@media (min-width:720px){.vision .erow .yes::before{content:""}}
.vision .projects{display:grid;gap:14px;margin-top:26px}
@media (min-width:720px){.vision .projects{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.vision .projects{grid-template-columns:repeat(3,1fr)}}
.vision .proj{position:relative;border:1px solid var(--line);border-radius:16px;padding:18px 18px 20px;background:rgba(20,23,47,.62);display:grid;gap:10px;align-content:start}
.vision .proj .row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.vision .pn{font-family:"Tiro Devanagari Sanskrit",serif;font-size:30px;line-height:1;color:var(--muted)}
.vision .status{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sattva) 45%,transparent);color:var(--sattva)}
.vision .proj h3{margin:0;font-family:var(--display);font-weight:400;font-size:23px;line-height:1.18}
.vision .proj p{font-size:15px;color:#d8d2c4}
.vision .proj .need{font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.vision .proj .need b{color:var(--text);font-weight:500}
.vision .proj.locked{border-style:dashed;border-color:color-mix(in srgb,var(--tamas) 55%,transparent);background:linear-gradient(160deg,rgba(138,143,240,.10),rgba(20,23,47,.6));cursor:pointer}
.vision .proj.locked .status{border-color:color-mix(in srgb,var(--tamas) 60%,transparent);color:var(--tamas);display:inline-flex;gap:6px;align-items:center}
.vision .veil{display:grid;gap:7px;margin-top:2px}
.vision .veil i{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,rgba(138,143,240,.28),rgba(138,143,240,.08));filter:blur(1.5px)}
.vision .veil i:nth-child(2){width:86%}
.vision .veil i:nth-child(3){width:64%}
.vision .lock-msg{font-size:13.5px;color:var(--tamas)}
.vision .proj.locked.open .lock-msg{color:var(--text)}
.vision .invite{display:grid;gap:26px;margin-top:10px}
@media (min-width:900px){.vision .invite{grid-template-columns:1.1fr 1fr;gap:44px;align-items:start}}
.vision .roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.vision .roles span{font-size:14.5px;padding:6px 13px;border-radius:999px;border:1px solid var(--line)}
.vision .contact{border:1px solid color-mix(in srgb,var(--sattva) 40%,transparent);border-radius:18px;padding:22px;background:radial-gradient(100% 120% at 100% 0%,rgba(243,223,162,.10),rgba(20,23,47,.7))}
.vision .contact h3{font-size:28px;margin-bottom:8px}
.vision .contact p{font-size:15.5px;color:#d8d2c4}
.vision .email{display:block;margin:16px 0 14px;font-family:var(--display);font-size:clamp(21px,4.6vw,28px);word-break:break-all;text-decoration:none;color:var(--sattva)}
.vision .email:hover{text-decoration:underline}
.vision .contact .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vision #copied{font-size:13.5px;color:var(--muted)}
.vision .closing{padding:90px 0 40px;text-align:left}
.vision .chain{font-family:var(--display);font-size:clamp(30px,6.6vw,62px);line-height:1.14;display:grid;gap:4px}
.vision .chain span{display:block}
.vision .chain .a{color:var(--muted)}
.vision .chain .w1{color:var(--tamas)}
.vision .chain .w2{color:var(--rajas)}
.vision .chain .w3{color:var(--sattva)}
.vision .closing p.measure{margin-top:26px;font-size:18px;color:#d8d2c4}
.vision footer{border-top:1px solid var(--line);padding:24px 0 40px;font-size:13.5px;color:var(--muted)}
.vision footer .wrap{display:grid;gap:8px}
/* Theme overrides inside the Vision world */
.vision h1,.vision h2,.vision h3,.vision h4,.vision h5{color:var(--text);margin:0}
.vision p{margin:0}
.vision .stage{margin-top:56px}