/* VastuIQ — /vastu-compass/ (Oct 2026). Personality: a brass surveying instrument on dark teak,
   engraved ticks and a parchment card below. Site tokens (--td, --tm, --tl) from includes/header.php. */
body{overflow-x:clip!important;}
.vc{--teak:#24160D;--teak2:#3A2414;--brass:#C9962E;--brass2:#E8C66A;--ink:#2B1A0E;--parch:#FBF5E6;--ln:rgba(91,58,20,.16);
    --water:#3F7FA6;--fire:#C4532B;--earth:#9A7A3C;--air:#8C9AA6;color:var(--td);overflow-x:clip;}
.vc-wrap{max-width:1120px;margin:0 auto;padding:0 20px;}
.vc-narrow{max-width:820px;}
.vc-sec{padding:68px 0;}
.vc-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.85rem,4vw,2.5rem);color:var(--ink);text-align:center;line-height:1.15;margin-bottom:.7rem;}
.vc-left{text-align:left;}
.vc-sub{text-align:center;color:var(--tm);max-width:700px;margin:0 auto 1.8rem;line-height:1.65;}

/* ── hero: teak board ── */
.vc-hero{position:relative;padding:44px 0 54px;color:#F3E6C8;
  background:radial-gradient(ellipse at 70% 40%,rgba(201,150,46,.16),transparent 60%),
             repeating-linear-gradient(96deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px),
             linear-gradient(160deg,var(--teak2),var(--teak) 60%,#170D06);}
.vc-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--brass),transparent);}
.vc-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;}
.vc-eyebrow{font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brass2);margin-bottom:.7rem;}
.vc h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,5.4vw,3.8rem);line-height:1.02;color:#FFF6DE;margin-bottom:1rem;}
.vc h1 em{display:block;font-style:italic;font-weight:600;font-size:.55em;color:var(--brass2);margin-top:.35rem;}
.vc-lead{font-size:1.06rem;line-height:1.7;color:#E2D2AE;max-width:520px;margin-bottom:1.3rem;}
.vc-lang{display:inline-flex;border:1px solid rgba(232,198,106,.4);border-radius:99px;padding:3px;}
.vc-lang button{background:none;border:0;color:#E2D2AE;font:600 .8rem 'DM Sans',sans-serif;padding:.35rem .9rem;border-radius:99px;cursor:pointer;}
.vc-lang button.on{background:var(--brass);color:var(--teak);}

/* ── the instrument ── */
.vc-instrument{display:flex;flex-direction:column;align-items:center;}
.vc-dial-box{position:relative;width:min(88vw,430px);aspect-ratio:1;filter:drop-shadow(0 26px 40px rgba(0,0,0,.55));touch-action:none;}
.vc-dial{width:100%;height:100%;display:block;}
.vc-face{fill:url(#vcFace);}
.vc-rim{fill:none;stroke:#6B470E;stroke-width:2;}
#vcRot{transition:none;will-change:transform;}
.vc-sectors path{stroke:rgba(91,58,20,.35);stroke-width:1;fill:rgba(255,255,255,.0);transition:fill .3s;}
.vc-sec-ne{fill:rgba(63,127,166,.16)!important;} .vc-sec-se{fill:rgba(196,83,43,.15)!important;}
.vc-sec-sw{fill:rgba(154,122,60,.2)!important;} .vc-sec-nw{fill:rgba(140,154,166,.2)!important;}
.vc-sectors path.on{fill:rgba(201,150,46,.42)!important;}
.vc-z16{display:none;} .vc-z16 line{stroke:rgba(91,58,20,.4);stroke-width:1;stroke-dasharray:3 4;}
.vc-z16 text{font:600 9px 'DM Sans',sans-serif;fill:#7A5A2A;text-anchor:middle;dominant-baseline:middle;}
.vc.z16 .vc-z16{display:inline;}
.vc-ticks line{stroke:#6B470E;stroke-width:1;} .vc-ticks line.m{stroke-width:1.6;} .vc-ticks line.b{stroke:#3B2508;stroke-width:2.4;}
.vc-nums text{font:600 11px 'DM Sans',sans-serif;fill:#6B470E;text-anchor:middle;dominant-baseline:middle;}
.vc-names text{text-anchor:middle;dominant-baseline:middle;}
.vc-ab{font:700 19px 'Cormorant Garamond',serif;fill:#3B2508;}
.vc-ab.big{font-size:30px;} .vc-ab.north{fill:#A3271B;}
.vc-skt{font:500 10.5px 'DM Sans',sans-serif;fill:#7A5A2A;letter-spacing:.04em;}
.hindi .vc-skt{letter-spacing:0;font-size:12px;}
.vc-hub{fill:#24160D;stroke:url(#vcBrass);stroke-width:5;}
.vc-lubber{fill:#A3271B;stroke:#FFE7B0;stroke-width:1.5;}
.vc-lubber-line{stroke:rgba(163,39,27,.55);stroke-width:2;}
.vc-read{position:absolute;left:50%;top:50%;width:26%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#FFF3D2;line-height:1.05;}
.vc-read b{display:block;font:700 clamp(1.3rem,5.4vw,1.75rem)/1 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;}
.vc-read span{display:block;font:600 clamp(.6rem,2.4vw,.74rem)/1.15 'DM Sans',sans-serif;color:var(--brass2);margin-top:.2rem;}
.vc-read small{display:block;font-size:.56rem;color:#BFA982;margin-top:.15rem;letter-spacing:.06em;text-transform:uppercase;}
.vc-controls{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;justify-content:center;}
.vc-btn{display:inline-flex;align-items:center;gap:.55rem;border:0;cursor:pointer;font:600 1rem 'DM Sans',sans-serif;padding:.95rem 1.5rem;border-radius:12px;transition:transform .15s,opacity .2s;text-decoration:none;}
.vc-btn:hover{transform:translateY(-2px);}
.vc-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;}
.vc-start{background:linear-gradient(180deg,var(--brass2),var(--brass));color:var(--teak);box-shadow:0 10px 26px rgba(201,150,46,.35);}
.vc-start.live{background:rgba(255,255,255,.08);color:#F3E6C8;box-shadow:none;border:1px solid rgba(232,198,106,.35);}
.vc-pulse{width:9px;height:9px;border-radius:50%;background:var(--teak);}
.vc-start.live .vc-pulse{background:#5BD08A;animation:vcp 1.6s infinite;}
@keyframes vcp{0%{box-shadow:0 0 0 0 rgba(91,208,138,.6)}100%{box-shadow:0 0 0 10px rgba(91,208,138,0)}}
.vc-lock{background:#A3271B;color:#FFF3D2;box-shadow:0 10px 24px rgba(163,39,27,.35);}
.vc-tools{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center;}
.vc-chip{background:transparent;border:1px solid rgba(232,198,106,.35);color:#E2D2AE;font:500 .82rem 'DM Sans',sans-serif;padding:.45rem .85rem;border-radius:99px;cursor:pointer;}
.vc-chip[aria-pressed="true"]{background:rgba(232,198,106,.18);border-color:var(--brass2);color:#FFF3D2;}
.vc-status{margin-top:14px;text-align:center;font-size:.88rem;color:#CDB98F;max-width:430px;min-height:2.6em;line-height:1.5;}
.vc-status.warn{color:#FFC98A;}
.vc-status a{color:var(--brass2);text-decoration:underline;}
.vc-manual{margin-top:6px;width:min(88vw,430px);text-align:center;font-size:.86rem;color:#E2D2AE;}
.vc-manual input{width:100%;margin-top:8px;accent-color:var(--brass);}

/* ── zone card ── */
.vc-zone-sec{background:var(--parch);padding:0 0 10px;}
.vc-zone{position:relative;max-width:900px;margin:-26px auto 0;background:#fff;border:1px solid var(--ln);border-top:4px solid var(--brass);border-radius:16px;padding:1.5rem 1.6rem;box-shadow:0 20px 44px rgba(43,26,14,.13);}
.vc-zone-k{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9A6E1C;margin-bottom:.3rem;}
.hindi .vc-zone-k,.hindi .vc-eyebrow{letter-spacing:0;text-transform:none;}
.vc-zone h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,4vw,2.2rem);color:var(--ink);line-height:1.1;margin-bottom:.8rem;}
.vc-zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1.6rem;}
.vc-zone-grid div{border-top:1px dashed var(--ln);padding-top:.55rem;}
.vc-zone-grid dt{font-size:.74rem;font-weight:600;color:#9A6E1C;text-transform:uppercase;letter-spacing:.08em;}
.hindi .vc-zone-grid dt{text-transform:none;letter-spacing:0;font-size:.82rem;}
.vc-zone-grid dd{margin:.15rem 0 0;color:var(--tm);font-size:.95rem;line-height:1.55;}
.vc-tag{display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:99px;margin:.15rem .25rem .15rem 0;}
.vc-tag.good{background:#E6F2E9;color:#1F6B3A;} .vc-tag.bad{background:#FBE7E3;color:#9B2C1C;}
.vc-ent{margin-top:1rem;display:flex;gap:.8rem;align-items:center;background:var(--parch);border-radius:12px;padding:.8rem 1rem;font-size:.92rem;color:var(--tm);line-height:1.5;}
.vc-ent b.n{font:700 1.5rem/1 'DM Sans',sans-serif;color:var(--ink);white-space:nowrap;}
.vc-border{margin-top:.8rem;font-size:.86rem;color:#9B5A12;background:#FFF4DF;border-radius:10px;padding:.55rem .8rem;}

/* ── readings ── */
.vc-readings-sec{background:var(--parch);}
.vc-pick{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:10050;width:min(100%,600px);max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--ln);border-top:4px solid var(--brass);border-radius:18px 18px 0 0;padding:1.1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(43,26,14,.3);animation:vcup .25s ease-out;}
.vc-pick[hidden]{display:none;}
@keyframes vcup{from{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.vc-pick-x{position:absolute;right:10px;top:6px;background:none;border:0;font-size:1.6rem;line-height:1;color:var(--tl);cursor:pointer;padding:.2rem .4rem;}
.vc-pick p{padding-right:2rem;}
.vc-pick p{margin-bottom:.6rem;color:var(--tm);} .vc-pick b{color:var(--ink);}
.vc-pick-grid{display:flex;flex-wrap:wrap;gap:6px;}
.vc-pick-grid button{border:1px solid var(--ln);background:var(--parch);color:var(--ink);font:500 .86rem 'DM Sans',sans-serif;padding:.45rem .75rem;border-radius:99px;cursor:pointer;}
.vc-pick-grid button:hover{border-color:var(--brass);}
.vc-list{list-style:none;padding:0;margin:0;}
.vc-list li{display:grid;grid-template-columns:56px 1fr auto;gap:.9rem;align-items:center;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:.8rem 1rem;margin-bottom:.6rem;}
.vc-mini{width:52px;height:52px;}
.vc-mini circle{fill:var(--parch);stroke:var(--brass);stroke-width:3;}
.vc-mini path{fill:#A3271B;}
.vc-list h3{font-size:1rem;font-weight:600;color:var(--ink);margin:0;}
.vc-list p{font-size:.86rem;color:var(--tm);margin:.1rem 0 0;line-height:1.45;}
.vc-verdict{font-size:.8rem;font-weight:700;padding:.3rem .65rem;border-radius:99px;white-space:nowrap;}
.vc-verdict.v1{background:#E6F2E9;color:#1F6B3A;} .vc-verdict.v2{background:#EEF3DD;color:#4E6A12;}
.vc-verdict.v3{background:#FFF1D6;color:#8A5A07;} .vc-verdict.v4{background:#FBE7E3;color:#9B2C1C;} .vc-verdict.v0{background:#F0ECE2;color:#6B5A40;}
.vc-list li > span:last-child{display:flex;align-items:center;gap:.2rem;}
.vc-x{background:none;border:0;color:var(--tl);font-size:1.1rem;cursor:pointer;margin-left:.3rem;}
.vc-empty{text-align:center;color:var(--tl);font-size:.92rem;padding:.6rem 0;}
.vc-next{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;margin-top:1.2rem;}
.vc-go{background:var(--ink);color:#FFF3D2;box-shadow:0 10px 24px rgba(43,26,14,.25);}
.vc-link{color:#7A4F0E;font-weight:600;border-bottom:1px solid rgba(122,79,14,.35);}
.vc-carry{flex-basis:100%;text-align:center;font-size:.84rem;color:var(--tl);margin:-.3rem 0 0;}
.vc-clear{background:none;border:0;color:var(--tl);font-size:.84rem;text-decoration:underline;cursor:pointer;}

/* ── how ── */
.vc-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.vc-how article{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:1.3rem 1.3rem 1.2rem;}
.vc-how svg{width:100%;max-width:150px;height:auto;display:block;margin-bottom:.7rem;}
.vc-how svg rect{fill:var(--parch);stroke:#7A5A2A;stroke-width:2;}
.vc-how svg .door,.vc-how svg .wall{fill:none;stroke:#7A5A2A;stroke-width:2;}
.vc-how svg .road{stroke:#B9A88A;stroke-width:6;stroke-dasharray:10 6;}
.vc-how svg .arrow{fill:none;stroke:#A3271B;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.vc-how svg .me{fill:var(--brass);}
.vc-how h3{font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:var(--ink);margin-bottom:.4rem;}
.vc-how p{font-size:.94rem;line-height:1.65;color:var(--tm);}
.vc-how a{color:#7A4F0E;font-weight:600;text-decoration:underline;}

/* ── accuracy + true north ── */
.vc-acc-sec{background:linear-gradient(180deg,#F6EEDB,var(--parch));border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);}
.vc-acc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start;}
.vc-tips{list-style:none;padding:0;margin:0;}
.vc-tips li{position:relative;padding:.7rem 0 .7rem 1.8rem;border-bottom:1px dashed var(--ln);color:var(--tm);line-height:1.6;font-size:.95rem;}
.vc-tips li::before{content:"";position:absolute;left:0;top:1.05rem;width:12px;height:12px;border:2px solid var(--brass);border-radius:50%;}
.vc-tips b{color:var(--ink);}
.vc-decl{background:var(--teak);color:#E2D2AE;border-radius:16px;padding:1.3rem 1.3rem 1.1rem;box-shadow:0 18px 40px rgba(43,26,14,.25);}
.vc-decl-t{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:700;color:var(--brass2);margin-bottom:.3rem;}
.vc-decl-p{font-size:.88rem;margin-bottom:.5rem;}
.vc-decl ul{list-style:none;padding:0;margin:0 0 .6rem;}
.vc-decl li{display:flex;justify-content:space-between;gap:1rem;padding:.38rem 0;border-bottom:1px dashed rgba(232,198,106,.2);font-size:.9rem;}
.vc-decl li b{color:#FFF3D2;font-variant-numeric:tabular-nums;font-weight:600;}
.vc-decl small{display:block;font-size:.76rem;line-height:1.5;color:#BFA982;}

/* ── zone reference ── */
.vc-ref{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;}
.vc-ref article{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:1rem 1.1rem;}
.vc-ref-h{display:flex;gap:.75rem;align-items:center;margin-bottom:.55rem;}
.vc-ref-ab{flex:0 0 44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 1rem 'DM Sans',sans-serif;color:#FFF3D2;background:var(--teak);border:2px solid var(--brass);}
.vc-ref-ne .vc-ref-ab{background:var(--water);} .vc-ref-se .vc-ref-ab{background:var(--fire);}
.vc-ref-sw .vc-ref-ab{background:var(--earth);} .vc-ref-nw .vc-ref-ab{background:var(--air);}
.vc-ref h3{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--ink);line-height:1.15;margin:0;}
.vc-ref small{font-size:.78rem;color:var(--tl);}
.vc-ref p{font-size:.88rem;color:var(--tm);line-height:1.55;margin:.3rem 0 0;}
.vc-ref p b{color:var(--ink);}
.vc-note{margin-top:1.2rem;text-align:center;font-size:.86rem;color:var(--tl);font-style:italic;}

/* ── FAQ ── */
.vc-faq details{background:#fff;border:1px solid var(--ln);border-radius:12px;margin-bottom:10px;}
.vc-faq summary{cursor:pointer;padding:1rem 1.2rem;font-weight:600;color:var(--ink);list-style:none;}
.vc-faq summary::-webkit-details-marker{display:none;}
.vc-faq summary::after{content:" +";color:var(--brass);}
.vc-faq details[open] summary::after{content:" −";}
.vc-faq p{padding:0 1.2rem 1.1rem;color:var(--tm);line-height:1.7;font-size:.95rem;}

/* phones: the WhatsApp and DishaAI buttons step aside while the instrument is on screen (they cover the status line) */
@media (max-width:900px){
  body.vc-onhero #viqWa,body.vc-onhero #viqDisha .vd-launch,body.vc-onhero #viqDisha .vd-teaser,body.vc-picking #viqWa,body.vc-picking #viqDisha .vd-launch{display:none!important;}
  .vc-eyebrow{letter-spacing:.08em;font-size:.7rem;}
  .vc-hero{padding:18px 0 44px;}
  .vc-hero-grid{grid-template-columns:1fr;gap:18px;}
  .vc-copy{text-align:center;}
  .vc h1{font-size:2.1rem;margin-bottom:.4rem;}
  .vc-lead{display:none;}
  .vc-eyebrow{margin-bottom:.4rem;}
  .vc-acc-grid,.vc-how{grid-template-columns:1fr;}
  .vc-zone-grid{grid-template-columns:1fr;}
  .vc-sec{padding:52px 0;}
  .vc-list li{grid-template-columns:44px 1fr;}
  .vc-mini{width:42px;height:42px;}
  .vc-list li .vc-verdict{grid-column:2;justify-self:start;}
}