/* ==========================================================================
   Vastu Shastra landing — royal v2 (2026-10-01). Loaded only by index.php.
   Mobile first: base rules are the phone; min-width queries add the desktop.
   Tokens come from vs-royal.css.
   ========================================================================== */

/* the 9x9 pada grid with its 3x3 Brahmasthan, as faint line-work for ivory sections */
.vr-flow,.vr-inst{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 270' fill='none' stroke='%23c9a24d' stroke-opacity='.16' stroke-width='.8'%3E%3Cpath d='M0 0H270V270H0Z M30 0V270M60 0V270M90 0V270M120 0V270M150 0V270M180 0V270M210 0V270M240 0V270M0 30H270M0 60H270M0 90H270M0 120H270M0 150H270M0 180H270M0 210H270M0 240H270'/%3E%3Crect x='90' y='90' width='90' height='90' fill='%23c9a24d' fill-opacity='.05' stroke-opacity='.3'/%3E%3C/svg%3E") right -120px top 40px/540px no-repeat,var(--vr-ivory)}

/* ---- hero ---- */
.vr-hero{background:var(--vr-night);color:#fff;position:relative;overflow:hidden;padding:26px 0 40px;isolation:isolate}
.vr-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(700px 520px at 76% 40%,rgba(90,52,190,.5),transparent 70%),
  radial-gradient(520px 380px at 8% 105%,rgba(201,162,77,.16),transparent 70%),
  linear-gradient(180deg,#0b0719,#140b2e)}
.vr-hero:after{content:"";position:absolute;z-index:-1;right:-340px;top:50%;width:900px;height:900px;margin-top:-450px;opacity:.2;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%23c9a24d' stroke-width='.6'%3E%3Ccircle cx='200' cy='200' r='196'/%3E%3Ccircle cx='200' cy='200' r='170'/%3E%3Ccircle cx='200' cy='200' r='120'/%3E%3Ccircle cx='200' cy='200' r='70'/%3E%3Crect x='80' y='80' width='240' height='240'/%3E%3Crect x='80' y='80' width='240' height='240' transform='rotate(45 200 200)'/%3E%3Cpath d='M200 4V396M4 200H396M61 61L339 339M339 61L61 339'/%3E%3Cpath d='M200 30C240 90 240 110 200 130C160 110 160 90 200 30ZM200 370C240 310 240 290 200 270C160 290 160 310 200 370ZM30 200C90 160 110 160 130 200C110 240 90 240 30 200ZM370 200C310 160 290 160 270 200C290 240 310 240 370 200Z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:vr-spin 240s linear infinite}
@keyframes vr-spin{to{transform:rotate(360deg)}}
.vr-hero .vs-wrap{display:grid;gap:22px;grid-template-areas:"copy" "try" "act"}
.vr-hero .vs-wrap>*{min-width:0}
.vr-hcopy{grid-area:copy}.vr-try{grid-area:try}.vr-hact{grid-area:act}
.vr-hero .vr-eyebrow{color:var(--vr-gold-hi)}
.vr-hero h1{font-size:clamp(2.35rem,9vw,4.3rem);line-height:1.02;margin:14px 0 12px;font-weight:700}
.vr-hero h1 em{font-style:italic;background:var(--vr-foil);-webkit-background-clip:text;background-clip:text;color:transparent}
html[lang="hi"] .vr-hero h1{font-size:clamp(2rem,7.4vw,3.4rem);line-height:1.2}
html[lang="hi"] .vr-hero h1 em{font-style:normal}
.vr-hero .vr-lead{font-size:1.02rem;max-width:520px;color:#d9d1f0}

/* ---- try-it instrument (CSS-only: radios + :checked) ---- */
.vr-try{--wd-supportive:#1f8a5a;--wd-challenging:#b8452c;--wd-review:#b88a2e;--wd-neutral:#4b3f78;
  position:relative;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));border:1px solid rgba(240,213,140,.3);border-radius:var(--vr-radius-lg);padding:18px 16px 8px;
  box-shadow:var(--vr-shadow-lg),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.vr-try.vr-frame:before{inset:7px;--c:rgba(240,213,140,.55);--s:18px}
.vr-try input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.vr-try-h{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;margin:0 0 12px}
.vr-live{display:inline-flex;align-items:center;gap:7px;font:700 .64rem/1 var(--vr-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--vr-gold-hi);padding:6px 10px;border:1px solid rgba(240,213,140,.4);border-radius:999px}
.vr-live i{width:7px;height:7px;border-radius:50%;background:#3ddc97;animation:vr-pulse 2.2s ease-out infinite}
@keyframes vr-pulse{0%{box-shadow:0 0 0 0 rgba(61,220,151,.55)}80%,100%{box-shadow:0 0 0 8px rgba(61,220,151,0)}}
.vr-try-h small{justify-self:end;color:#bdb3da;font-size:.74rem;text-align:right}
.vr-try-h b{grid-column:1/-1;font:700 1.6rem/1.15 var(--vr-display)}
.vr-try-h .q{display:none}
.vr-rooms{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 12px;padding:2px 16px}
.vr-rooms::-webkit-scrollbar{display:none}
.vr-rooms label{flex:0 0 auto;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;padding:8px 15px;border-radius:999px;border:1px solid rgba(240,213,140,.32);color:#ece6fb;font-size:.86rem;font-weight:600;transition:background .2s,border-color .2s}
.vr-rooms label:hover{border-color:var(--vr-gold-hi)}
.vr-demo{display:grid;gap:14px;justify-items:center}
.vr-wheel{position:relative;width:min(300px,82vw);aspect-ratio:1}
.vr-wsvg{display:block;width:100%;height:100%}
.vr-wheel .vr-wsvg{filter:drop-shadow(0 26px 40px rgba(0,0,0,.55))}
.vr-wsvg .rim{fill:#120a28;stroke:rgba(240,213,140,.55);stroke-width:1}
.vr-wsvg .el{stroke:#120a28;stroke-width:.8}
.vr-wsvg .el-jal{fill:var(--el-jal)}.vr-wsvg .el-akash{fill:var(--el-akash)}.vr-wsvg .el-vayu{fill:var(--el-vayu)}.vr-wsvg .el-agni{fill:var(--el-agni)}.vr-wsvg .el-prithvi{fill:var(--el-prithvi)}
.vr-wsvg .tk{stroke:rgba(240,213,140,.55);stroke-width:1}
.vr-wsvg .wd{fill:#1c1240;stroke:rgba(240,213,140,.28);stroke-width:1;transition:fill .25s var(--vr-ease)}
.vr-wsvg .core{fill:#0f0924;stroke:rgba(240,213,140,.5);stroke-width:1}
.vr-wsvg .bg path{stroke:rgba(240,213,140,.55);stroke-width:.8;fill:none}
.vr-wsvg .bindu{fill:var(--vr-gold-hi)}
.vr-wsvg .nn{fill:var(--vr-gold-hi)}
.vr-wheel label{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-content:center;text-align:center;gap:1px;
  background:rgba(11,7,25,.72);border:1px solid rgba(255,255,255,.34);color:#fff;cursor:pointer;transition:transform .18s var(--vr-ease),background .18s,border-color .18s;-webkit-tap-highlight-color:transparent}
.vr-wheel label:hover{transform:scale(1.06);border-color:var(--vr-gold-hi)}
.vr-wheel label b{font:700 .84rem/1 var(--vr-sans);letter-spacing:.02em}
.vr-wheel label small{font:500 .55rem/1 var(--vr-sans);opacity:.8;letter-spacing:.02em}
html[lang="hi"] .vr-wheel label small{font:600 .62rem/1.1 var(--vr-deva);opacity:.9}
.vr-out{width:100%}
.vr-hint{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:start;color:#cfc6e6;font-size:.9rem;padding:14px 16px;border:1px dashed rgba(240,213,140,.3);border-radius:18px}
.vr-hint-ic{width:30px;height:30px;border-radius:50%;border:1px solid var(--vr-gold-hi);position:relative;animation:vr-pulse-g 2.4s ease-out infinite}
.vr-hint-ic:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--vr-gold-hi)}
@keyframes vr-pulse-g{0%{box-shadow:0 0 0 0 rgba(240,213,140,.5)}80%,100%{box-shadow:0 0 0 10px rgba(240,213,140,0)}}
.vr-hint p{margin:0}.vr-hint b{color:#fff}
.vr-els{grid-column:1/-1;list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:.76rem;color:#cfc6e6}
.vr-els i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.vr-els .el-jal{background:var(--el-jal)}.vr-els .el-akash{background:var(--el-akash)}.vr-els .el-vayu{background:var(--el-vayu)}.vr-els .el-agni{background:var(--el-agni)}.vr-els .el-prithvi{background:var(--el-prithvi)}
.vr-vd{display:none;position:relative;background:var(--vr-card);color:var(--vr-ink);border-radius:20px;padding:18px 18px 16px;box-shadow:0 30px 60px -30px #000;animation:vr-rise .32s var(--vr-ease)}
@keyframes vr-rise{from{opacity:0;transform:translateY(8px)}}
.vr-vd .top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.vr-vd .k{font:700 .62rem/1.2 var(--vr-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--vr-gold-lo)}
.vr-vd .t{font:700 1.35rem/1.2 var(--vr-display);margin:10px 0 6px}
.vr-vd p{margin:0 0 8px;color:var(--vr-mut);font-size:.9rem;line-height:1.55}
.vr-vd .rem{background:var(--vr-ivory);border:1px solid var(--vr-line2);border-radius:12px;padding:10px 12px;color:#4a4458}
.vr-vd .rem b{color:var(--vr-ink)}
.vr-try-go{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px -16px 0;padding:14px;border-top:1px solid rgba(240,213,140,.16);color:var(--vr-gold-hi);font-weight:600;font-size:.92rem;text-decoration:none}
.vs-body .vr-try-go{color:var(--vr-gold-hi)}
.vr-try-go:hover span{transform:translateX(3px)}
.vr-try-go span{transition:transform .2s}

/* hero actions + proof */
.vr-hact .vs-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.vr-hact .vs-btn{flex:1 1 auto;justify-content:center}
.vr-proof{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px;margin:24px 0 0;padding-top:20px;border-top:1px solid rgba(240,213,140,.18)}
.vr-proof div{display:flex;flex-direction:column-reverse;gap:4px}
.vr-proof dt{color:#bdb3da;font-size:.8rem}
.vr-proof dd{margin:0;font:700 1.45rem/1 var(--vr-sans);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;background:var(--vr-foil);-webkit-background-clip:text;background-clip:text;color:transparent}
html[lang="hi"] .vr-proof dd[lang="hi"]{font-family:var(--vr-deva)}

/* ---- phone flow ---- */
.vr-phones{list-style:none;margin:0 -20px;padding:6px 20px 14px;display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,300px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.vr-phones::-webkit-scrollbar{display:none}
.vr-phones>li{scroll-snap-align:center}
.vr-phone{position:relative;width:100%;max-width:272px;margin:0 auto;aspect-ratio:9/18.6;border-radius:42px;padding:10px;
  background:linear-gradient(145deg,#3a3152,#0d0a18 60%);box-shadow:inset 0 0 0 1px #5a4f78,0 0 0 1px #07050f,0 50px 80px -40px rgba(38,22,72,.75),0 18px 30px -20px rgba(38,22,72,.5)}
.vr-phone:before{content:"";position:absolute;z-index:3;top:18px;left:50%;width:80px;height:22px;margin-left:-40px;border-radius:12px;background:#000}
.vr-phone .scr{position:relative;height:100%;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#0b0719,#170e33);color:#fff;padding:46px 14px 14px;display:flex;flex-direction:column;gap:10px;font:500 12px/1.4 var(--vr-sans)}
.vr-phone .sb{position:absolute;top:14px;left:26px;right:26px;display:flex;justify-content:space-between;font:600 10.5px var(--vr-sans);color:#cfc6e6;letter-spacing:.02em}
.vr-phone .ttl{font:700 20px/1.1 var(--vr-display)}
html[lang="hi"] .vr-phone .ttl{font:700 16px/1.3 var(--vr-deva)}
.s1 .dial{width:92%;margin:0 auto;display:block}
.s1 .r1{fill:#140c2e;stroke:rgba(240,213,140,.55)}.s1 .r2{fill:none;stroke:rgba(240,213,140,.2)}
.s1 .tk{stroke:rgba(240,213,140,.6);stroke-width:1}
.s1 .cd{fill:#efe8ff;font:700 14px var(--vr-sans);text-anchor:middle}.s1 .cd.n{fill:var(--vr-gold-hi)}
.s1 .nd{fill:var(--vr-gold-hi)}.s1 .hub{fill:#fff}
.s1 .rd{text-align:center}.s1 .rd b{display:block;font:700 36px/1 var(--vr-sans);letter-spacing:-.03em}.s1 .rd span{color:#cfc6e6}
.s1 .ok{align-self:center;padding:5px 10px;border-radius:999px;background:rgba(61,220,151,.14);color:#9bf0c9;font-weight:600;font-size:10.5px}
.s1 .btn{margin-top:auto;text-align:center;padding:11px;border-radius:12px;background:var(--vr-foil);color:#2a1b00;font-weight:700}
.s2 .chips{display:flex;gap:5px;flex-wrap:wrap}
.s2 .chips span{padding:5px 9px;border-radius:999px;border:1px solid rgba(240,213,140,.3);font-size:10.5px;font-weight:600;color:#ece6fb}
.s2 .chips .on{background:var(--vr-foil);color:#2a1b00;border-color:transparent}
.s2 .mw{position:relative;width:88%;margin:2px auto 0}
.s2 .wd.pick{stroke:var(--vr-gold-hi);stroke-width:2}
.s2 .wd.pick.supportive{fill:#1f8a5a}.s2 .wd.pick.challenging{fill:#b8452c}.s2 .wd.pick.review{fill:#b88a2e}.s2 .wd.pick.neutral{fill:#4b3f78}
.s2 .pin{position:absolute;left:30%;top:30%;width:16px;height:16px;margin:-8px;border-radius:50%;background:var(--vr-gold-hi);box-shadow:0 0 0 4px rgba(240,213,140,.3);animation:vr-pulse-g 2.4s ease-out infinite}
.s2 .sheet{margin:auto -14px -14px;background:var(--vr-card);color:var(--vr-ink);border-radius:22px 22px 0 0;padding:10px 14px 16px;display:grid;gap:7px;justify-items:start;box-shadow:0 -20px 40px -20px rgba(0,0,0,.6)}
.s2 .grab{width:36px;height:4px;border-radius:4px;background:#d8cfbd;justify-self:center}
.s2 .sheet b{font:700 15px/1.2 var(--vr-display)}
html[lang="hi"] .s2 .sheet b{font:700 13px/1.35 var(--vr-deva)}
.s2 .sheet .c{font:600 10px var(--vr-sans);color:#6b6479}
.s3{background:linear-gradient(180deg,var(--vr-ivory),#fff)!important;color:var(--vr-ink)!important}
.s3 .sb{color:#5a5468}
.s3 .sc{display:flex;gap:12px;align-items:center;padding:4px 0 6px}
.s3 .vr-ring{width:84px;height:84px}.s3 .vr-ring b{width:66px;height:66px;font-size:24px}
.s3 .to{display:block;font:700 19px/1 var(--vr-sans);letter-spacing:-.02em}.s3 .to b{color:var(--vr-emerald)}
.s3 small{display:block;color:var(--vr-mut);font-size:10.5px;margin-top:4px}
.s3 .row{display:grid;grid-template-columns:16px 1fr;gap:2px 8px;padding:9px 10px;background:#fff;border:1px solid var(--vr-line);border-left:3px solid var(--vr-garnet);border-radius:12px}
.s3 .row .i{grid-row:1/3;font:700 12px var(--vr-sans);color:var(--vr-gold-lo)}
.s3 .row .tt{font-weight:600;font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s3 .row .mini{font-size:10px;color:var(--vr-emerald);font-weight:600}
.vr-flow .cap{display:flex;gap:12px;max-width:300px;margin:22px auto 0}
.vr-flow .cap .n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--vr-night);color:var(--vr-gold-hi);font:700 .9rem var(--vr-sans);box-shadow:0 0 0 3px var(--vr-ivory),0 0 0 4px var(--vr-gold-line)}
.vr-flow .cap b{display:block;font:700 1.2rem/1.2 var(--vr-display)}
html[lang="hi"] .vr-flow .cap b{font:700 1.02rem/1.35 var(--vr-deva)}
.vr-flow .cap p{margin:4px 0 0;color:var(--vr-mut);font-size:.88rem}

/* ---- what fixing does ---- */
.vr-fix{background:linear-gradient(180deg,var(--vr-ivory2),var(--vr-ivory))}
.vr-fix .vs-wrap{display:grid;gap:34px}
.vr-delta{display:flex;align-items:center;gap:14px;margin:18px 0 20px}
.vr-delta .vr-ring{width:120px;height:120px}.vr-delta .vr-ring b{width:94px;height:94px}
.vr-delta .ar{position:relative;flex:0 0 44px;height:1px;background:var(--vr-gold)}
.vr-delta .ar:after{content:"";position:absolute;right:-1px;top:-4px;border:4.5px solid transparent;border-left:7px solid var(--vr-gold)}
.vr-delta .to b{display:block;font:700 clamp(3.4rem,11vw,4.6rem)/.95 var(--vr-sans);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.vr-delta .to small{display:block;margin-top:6px;font:700 .8rem var(--vr-sans);color:var(--vr-emerald);letter-spacing:.04em}
.vr-work{margin:22px 0 24px;padding:16px 18px;border-radius:18px;background:var(--vr-card);border:1px solid var(--vr-line)}
.vr-work>b{display:block;font:700 .68rem/1.2 var(--vr-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--vr-gold-lo);margin-bottom:8px}
html[lang="hi"] .vr-work>b{letter-spacing:0;text-transform:none;font-size:.84rem}
.vr-work ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.vr-work li{display:flex;gap:8px;align-items:flex-start;font-size:.9rem}
.vr-work .vs-ico{flex:0 0 auto;width:17px;height:17px;color:var(--vr-emerald);margin-top:2px}
.vr-fix-r{position:relative;background:var(--vr-card);border:1px solid var(--vr-line);border-radius:var(--vr-radius-lg);padding:20px 18px;box-shadow:var(--vr-shadow)}
.vr-fix-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--vr-line)}
.vr-fix-top b{font:700 1.4rem var(--vr-display)}
html[lang="hi"] .vr-fix-top b{font:700 1.15rem var(--vr-deva)}
.vr-fix-top span{font:600 .76rem var(--vr-sans);color:var(--vr-emerald);background:var(--vr-emerald-bg);padding:4px 10px;border-radius:999px}
.vr-fixlist{list-style:none;margin:0;padding:0}
.vr-fixlist>li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;border-bottom:1px dashed var(--vr-line)}
.vr-fixlist>li:last-child{border-bottom:0;padding-bottom:4px}
.vr-fixlist .no{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--vr-night);color:var(--vr-gold-hi);font:700 1rem var(--vr-sans);box-shadow:inset 0 0 0 1px rgba(240,213,140,.35)}
.vr-fixlist .t{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.vr-fixlist .t b{font:700 1.2rem/1.25 var(--vr-display)}
html[lang="hi"] .vr-fixlist .t b{font:700 1rem/1.45 var(--vr-deva)}
.vr-fixlist p{margin:6px 0 0;color:var(--vr-mut);font-size:.92rem}
.vr-fine{font-size:.8rem;color:var(--vr-mut);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--vr-line2)}

/* ---- free instruments ---- */
.vr-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vr-tools .vs-card{padding:0;overflow:hidden;gap:0;display:flex;flex-direction:column}
.vr-art{position:relative;height:112px;display:grid;place-items:center;overflow:hidden;color:var(--vr-gold-hi);background:radial-gradient(circle at 50% 62%,#2d1a5c,var(--vr-night) 75%)}
.vr-art:before{content:"";position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(90deg,rgba(240,213,140,.12) 0 1px,transparent 1px 22px),repeating-linear-gradient(0deg,rgba(240,213,140,.12) 0 1px,transparent 1px 22px)}
.vr-art svg{position:relative;width:70px;height:70px;transition:transform .6s var(--vr-ease)}
a.vs-card:hover .vr-art svg{transform:scale(1.07) rotate(-5deg)}
.vr-tools .vr-tb{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.vr-tools h3{font-size:1.12rem;line-height:1.2;margin:0}
html[lang="hi"] .vr-tools h3{font-size:1rem}
.vr-tools p{margin:0;font-size:.84rem}
.vr-tools .vs-tag{margin-top:auto;align-self:flex-start}

/* ---- World Pass ---- */
.vr-pass{display:grid;gap:26px;border-radius:32px;padding:30px 20px;color:#fff;border:1px solid rgba(240,213,140,.3);box-shadow:var(--vr-shadow-lg);
  background:radial-gradient(900px 420px at 100% 0,rgba(90,52,190,.45),transparent 60%),linear-gradient(135deg,#150c30,#2b1756 60%,#1a0f3a)}
.vr-pass.vr-frame:before{--c:rgba(240,213,140,.45)}
.vr-pass .vr-eyebrow{color:var(--vr-gold-hi)}
.vr-pass h2{color:#fff}
.vr-pass .vr-lead{color:var(--vr-mut-d)}
.vr-pnote{color:#bdb3da;font-size:.84rem;margin:14px 0 0}
.vr-groups{display:grid;gap:12px}
.vr-group{display:flex;flex-direction:column;padding:18px 18px 8px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(240,213,140,.2)}
.vr-group .gn{font:italic 700 1.05rem/1 var(--vr-display);color:var(--vr-gold)}
.vr-group>b{font:700 1.25rem/1.2 var(--vr-display);color:#fff;margin:6px 0 8px}
html[lang="hi"] .vr-group>b{font:700 1.02rem/1.4 var(--vr-deva)}
.vr-group a{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid rgba(240,213,140,.12);color:#efeafd;text-decoration:none;font-size:.88rem;font-weight:600;transition:color .15s}
.vs-body .vr-group a{color:#efeafd}
.vs-body .vr-group a:hover{color:var(--vr-gold-hi)}
.vr-group .vs-ico{width:18px;height:18px;color:var(--vr-gold-hi);flex:0 0 auto}
.vr-passbuy{margin-top:22px}
.vr-passbuy:empty{display:none}

/* ---- sample report pages ---- */
.vr-rep{display:grid;gap:36px}
.vr-viewer{position:relative;border-radius:32px;padding:28px 14px 16px;background:radial-gradient(circle at 50% 35%,#2e1a5e,var(--vr-night) 80%);border:1px solid rgba(240,213,140,.25);overflow:hidden;isolation:isolate}
.vr-viewer:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z' fill='none' stroke='%23c9a24d' stroke-width='.5'/%3E%3C/svg%3E") 0 0/40px 40px}
.vr-viewer input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.vr-stage{display:grid;place-items:center}
.vr-pg{display:none;width:min(340px,100%);aspect-ratio:1/1.414;overflow:hidden;background:#fffdf8;border-radius:6px;padding:22px 20px;color:#3d3748;font:400 10.5px/1.5 var(--vr-sans);
  box-shadow:0 44px 70px -30px #000,0 0 0 1px rgba(0,0,0,.05);animation:vr-rise .35s var(--vr-ease)}
#vr-pg-0:checked~.vr-stage .pg0,#vr-pg-1:checked~.vr-stage .pg1,#vr-pg-2:checked~.vr-stage .pg2,#vr-pg-3:checked~.vr-stage .pg3{display:block}
.vr-pg header{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--vr-line);padding-bottom:6px;margin-bottom:14px;font:600 8.5px var(--vr-sans);color:#7a7288}
.vr-pg .k{color:var(--vr-gold-lo);letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.vr-pg h4{margin:0 0 12px;font:700 21px/1.1 var(--vr-display);color:var(--vr-ink)}
.vr-pg p{margin:0 0 12px}
.vr-pg .n3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
.vr-pg .n3 div{border:1px solid var(--vr-line);border-radius:8px;padding:9px 4px;text-align:center;display:grid;gap:3px}
.vr-pg .n3 b{font:700 20px/1 var(--vr-sans);letter-spacing:-.02em;color:var(--vr-ink)}
.vr-pg .n3 b.w{font-size:13px;line-height:20px}
.vr-pg .n3 span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#7a7288}
.vr-pg table{width:100%;border-collapse:collapse}
.vr-pg th,.vr-pg td{border-bottom:1px solid var(--vr-line2);padding:6px 4px;text-align:left;vertical-align:top;font-size:9.5px}
.vr-pg th{color:#7a7288;font-weight:600;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase}
.vr-pg td:last-child{font-weight:700;color:#44209a;white-space:nowrap}
.vr-pg.pg0{padding:0;background:var(--vr-night)}
.vr-pg .cv{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 22px;color:#fff;
  background:radial-gradient(circle at 50% 42%,rgba(90,52,190,.55),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%23c9a24d' stroke-opacity='.35' stroke-width='.7'%3E%3Ccircle cx='200' cy='200' r='190'/%3E%3Ccircle cx='200' cy='200' r='140'/%3E%3Crect x='80' y='80' width='240' height='240' transform='rotate(45 200 200)'/%3E%3Cpath d='M200 10V390M10 200H390'/%3E%3C/svg%3E") center 42%/120% no-repeat;box-shadow:inset 0 0 0 10px var(--vr-night),inset 0 0 0 11px rgba(240,213,140,.5)}
.vr-pg .cv .k{margin-top:6px;color:var(--vr-gold-hi)}
.vr-pg .cv .em{margin-top:auto;color:var(--vr-gold-hi)}
.vr-pg .cv .em svg{width:84px;height:84px}
.vr-pg .cv h4{color:#fff;font-size:27px;margin:8px 0 0}
.vr-pg .cv p{color:#cfc6e6;margin:0}
.vr-pg .cv .ft{margin-top:auto;font:600 8.5px var(--vr-sans);color:var(--vr-gold-hi);letter-spacing:.08em}
.vr-pg .mg{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;margin:0 0 10px;padding:4px;border:1px solid var(--vr-line);border-radius:4px}
.vr-pg .mg i{aspect-ratio:1;background:#eee8dc;border-radius:1px}
.vr-pg .mg i.supportive{background:#bfe3cf}.vr-pg .mg i.challenging{background:#f2c4b6}.vr-pg .mg i.b{background:#f0d58c}
.vr-pg .lg{list-style:none;display:flex;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:0;font-size:9px}
.vr-pg .lg i{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:1px;background:#eee8dc}
.vr-pg .lg i.supportive{background:#bfe3cf}.vr-pg .lg i.challenging{background:#f2c4b6}.vr-pg .lg i.b{background:#f0d58c}
.vr-pg.pg3,.vr-pg.pg3 h4{font-family:var(--vr-deva)}
.vr-pg.pg3 h4{font-size:18px;line-height:1.3}
.vr-pg.pg3 .k{letter-spacing:0}
.vr-pg .it{padding:9px 0;border-bottom:1px dashed var(--vr-line)}
.vr-pg .it .bk{display:inline-block;font-size:8.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--vr-ivory2);color:var(--vr-gold-lo)}
.vr-pg .it b{display:block;font-size:11px;line-height:1.45;margin:5px 0 2px;color:var(--vr-ink)}
.vr-pg .it p{margin:0;font-size:10px;line-height:1.55}
.vr-pg .it .c{font:600 8.5px var(--vr-sans);color:#7a7288}
.vr-thumbs{display:flex;justify-content:center;gap:6px;margin-top:18px;flex-wrap:wrap}
.vr-thumbs label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:66px;padding:8px 6px;border-radius:12px;border:1px solid transparent;color:#cfc6e6;font-size:.74rem;text-align:center;transition:border-color .2s,color .2s}
.vr-thumbs label:hover{color:#fff}
.vr-thumbs .th{width:30px;height:42px;border-radius:3px;background:#fffdf8;box-shadow:0 6px 12px -6px #000;opacity:.6;transition:opacity .2s}
.vr-thumbs .th.t0{background:var(--vr-night);box-shadow:inset 0 0 0 1px var(--vr-gold)}
#vr-pg-0:checked~.vr-thumbs label[for=vr-pg-0],#vr-pg-1:checked~.vr-thumbs label[for=vr-pg-1],#vr-pg-2:checked~.vr-thumbs label[for=vr-pg-2],#vr-pg-3:checked~.vr-thumbs label[for=vr-pg-3]{border-color:rgba(240,213,140,.45);color:#fff;background:rgba(240,213,140,.06)}
#vr-pg-0:checked~.vr-thumbs label[for=vr-pg-0] .th,#vr-pg-1:checked~.vr-thumbs label[for=vr-pg-1] .th,#vr-pg-2:checked~.vr-thumbs label[for=vr-pg-2] .th,#vr-pg-3:checked~.vr-thumbs label[for=vr-pg-3] .th{opacity:1;outline:2px solid var(--vr-gold-hi);outline-offset:2px}
#vr-pg-0:focus-visible~.vr-thumbs label[for=vr-pg-0],#vr-pg-1:focus-visible~.vr-thumbs label[for=vr-pg-1],#vr-pg-2:focus-visible~.vr-thumbs label[for=vr-pg-2],#vr-pg-3:focus-visible~.vr-thumbs label[for=vr-pg-3]{outline:3px solid var(--vr-gold-hi);outline-offset:2px}
.vr-tiers{display:grid;gap:12px;margin-top:24px}
.vr-tier{display:grid;grid-template-columns:1fr auto;gap:3px 18px;align-items:center;background:var(--vr-card);border:1px solid var(--vr-line);border-radius:18px;padding:16px 18px;text-decoration:none;color:var(--vr-ink);transition:transform .2s var(--vr-ease),border-color .2s;box-shadow:var(--vr-shadow)}
.vs-body a.vr-tier{color:var(--vr-ink)}
.vr-tier:hover{border-color:var(--vr-gold-line);transform:translateX(3px)}
.vr-tier.hot{border:1.5px solid var(--vr-gold);background:linear-gradient(90deg,#fffaf0,var(--vr-card))}
.vr-tier .n{font:700 1.22rem/1.25 var(--vr-display)}
html[lang="hi"] .vr-tier .n{font:700 1rem/1.4 var(--vr-deva)}
.vr-tier .d{grid-column:1;color:var(--vr-mut);font-size:.84rem}
.vr-tier .pr{grid-column:2;grid-row:1/3;text-align:right;font:700 1.45rem/1 var(--vr-sans);letter-spacing:-.02em;color:#44209a;font-variant-numeric:tabular-nums}
.vr-tier .pr small{display:block;font:600 .66rem var(--vr-sans);color:var(--vr-mut);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
html[lang="hi"] .vr-tier .pr small{letter-spacing:0;text-transform:none;font-size:.74rem}
.vr-badge{display:inline-block;margin-left:8px;vertical-align:middle;font:700 .6rem var(--vr-sans);letter-spacing:.14em;text-transform:uppercase;color:#2a1b00;background:var(--vr-foil);padding:4px 8px;border-radius:999px}
html[lang="hi"] .vr-badge{letter-spacing:0;font-size:.7rem}
.vr-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.vr-more a{font-size:.82rem;padding:7px 12px;border-radius:999px;border:1px solid var(--vr-line);background:var(--vr-card);text-decoration:none;color:var(--vr-ink)}
.vs-body .vr-more a{color:var(--vr-ink)}
.vr-more a b{color:#44209a}

/* ---- how a verdict shows its working ---- */
.vr-anat{background:radial-gradient(800px 500px at 50% 0,rgba(90,52,190,.4),transparent 70%),var(--vr-night)}
.vr-anat-g{display:grid;gap:30px;align-items:center}
.vr-anat .vr-vd{display:block;max-width:540px;width:100%;margin:0 auto;padding:22px 22px 18px;animation:none;box-shadow:0 50px 90px -40px #000,0 0 0 1px rgba(240,213,140,.35)}
.vr-anat .mk{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:6px;border-radius:50%;background:var(--vr-foil);color:#2a1b00;font:700 .66rem/1 var(--vr-sans);font-style:normal;vertical-align:1px;box-shadow:0 0 0 3px rgba(201,162,77,.22);letter-spacing:0}
.vr-anat-l{list-style:none;counter-reset:a;margin:0;padding:0;display:grid;gap:18px}
.vr-anat-l li{counter-increment:a;display:grid;grid-template-columns:32px 1fr;gap:3px 14px;color:var(--vr-mut-d);font-size:.92rem}
.vr-anat-l li:before{content:counter(a);grid-row:1/3;width:30px;height:30px;border-radius:50%;border:1px solid var(--vr-gold);color:var(--vr-gold-hi);display:grid;place-items:center;font:700 .82rem var(--vr-sans)}
.vr-anat-l b{color:#fff;font:700 1.18rem/1.25 var(--vr-display)}
html[lang="hi"] .vr-anat-l b{font:700 1rem/1.4 var(--vr-deva)}
.vr-princ{list-style:none;margin:52px 0 0;padding:30px 0 0;border-top:1px solid rgba(240,213,140,.18);display:grid;gap:22px}
.vr-princ b{display:block;color:var(--vr-gold-hi);font:700 1.2rem/1.25 var(--vr-display);margin-bottom:4px}
html[lang="hi"] .vr-princ b{font:700 1rem/1.4 var(--vr-deva)}
.vr-princ span{color:var(--vr-mut-d);font-size:.9rem}

/* ---- questions ---- */
.vr-faq{max-width:820px;margin:0 auto}
.vr-faq details{border-bottom:1px solid var(--vr-line);padding:4px 0}
.vr-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;min-height:44px;font:700 1.22rem/1.3 var(--vr-display)}
html[lang="hi"] .vr-faq summary{font:700 1rem/1.45 var(--vr-deva)}
.vr-faq summary::-webkit-details-marker{display:none}
.vr-faq summary:after{content:"+";flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--vr-gold-line);color:var(--vr-gold-lo);font:400 1.2rem/1 var(--vr-sans);transition:transform .25s var(--vr-ease)}
.vr-faq details[open] summary:after{transform:rotate(45deg)}
.vr-faq p{margin:0 0 20px;color:var(--vr-mut);max-width:70ch}

/* ---- closing call ---- */
.vr-final{text-align:center;padding:84px 0;background:radial-gradient(600px 300px at 50% 100%,rgba(201,162,77,.16),transparent 70%),var(--vr-night)}
.vr-final .vs-actions{justify-content:center;margin-top:26px}

/* ---- mobile quick-start bar ---- */
.vr-mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(11,7,25,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(240,213,140,.25)}
.vr-mbar .vs-btn.g{flex:1;justify-content:center}
.vr-mbar .vs-btn.ghost{flex:0 0 48px;padding:0;justify-content:center}
.vs-body{padding-bottom:72px}

/* Devanagari: no letter-spacing, no upper case */
html[lang="hi"] .vr-live,html[lang="hi"] .vr-vd .k,html[lang="hi"] .vr-pg .k,html[lang="hi"] .vr-pg .n3 span,html[lang="hi"] .vr-pg th{letter-spacing:0;text-transform:none}
html[lang="hi"] .vr-live{font-size:.74rem}
html[lang="hi"] .vr-vd .k{font-size:.74rem}
html[lang="hi"] .vr-try-h b,html[lang="hi"] .vr-vd .t{font-family:var(--vr-deva);line-height:1.35}
html[lang="hi"] .vr-try-h b{font-size:1.3rem}
html[lang="hi"] .vr-vd .t{font-size:1.1rem}
.vr-pg[lang="hi"] .k,.vr-pg[lang="hi"] .n3 span,.vr-pg[lang="hi"] th{letter-spacing:0;text-transform:none}
.vr-pg[lang="hi"] h4{font-family:var(--vr-deva);font-size:18px;line-height:1.3}

/* ==========================================================================
   Wider screens
   ========================================================================== */
@media (min-width:640px){
  .vr-try{padding:22px 22px 8px}
  .vr-rooms{margin:0 0 14px;padding:2px 0;flex-wrap:wrap}
  .vr-try-go{margin:14px -22px 0}
  .vr-proof{grid-template-columns:repeat(4,auto);justify-content:start;gap:14px 34px}
  .vr-hact .vs-btn{flex:0 0 auto}
  .vr-fix-r{padding:26px 28px}
  .vr-viewer{padding:36px 28px 20px}
  .vr-princ{grid-template-columns:repeat(3,1fr);gap:30px}
}
@media (min-width:761px){
  .vr-mbar{display:none}
  .vs-body{padding-bottom:0}
}
@media (min-width:900px){
  .vr-phones{margin:0;padding:0;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);gap:32px;overflow:visible}
  .vr-phones>li:nth-child(2){transform:translateY(-18px)}
  .vr-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .vr-art{height:144px}
  .vr-art svg{width:86px;height:86px}
  .vr-tools .vr-tb{padding:18px 20px 20px}
  .vr-groups{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1021px){
  .vr-hero{padding:64px 0 88px}
  .vr-hero .vs-wrap{grid-template-columns:1fr 1.04fr;grid-template-areas:"copy try" "act try";column-gap:56px;row-gap:30px;align-items:center}
  .vr-hcopy{align-self:end}
  .vr-hact{align-self:start}
  .vr-hero:after{right:-200px}
  .vr-try{padding:26px 26px 8px}
  .vr-try-go{margin:16px -26px 0}
  .vr-demo{grid-template-columns:300px 1fr;gap:22px;align-items:center;justify-items:stretch}
  .vr-wheel{width:300px}
  .vr-out{min-height:300px;display:grid;align-content:center}
  .vr-fix .vs-wrap{grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}
  .vr-pass{grid-template-columns:.78fr 1.22fr;padding:46px;gap:40px;align-items:center}
  .vr-rep{grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
  .vr-anat-g{grid-template-columns:1.05fr 1fr;gap:64px}
}
@media (prefers-reduced-motion:reduce){.vr-hero:after,.vr-live i,.vr-hint-ic,.s2 .pin{animation:none}}