/* VastuIQ — Vastu Analyzer page: "walk your home with a compass" (Oct 2026 redesign).
   Loaded after the page's own <style>; re-skins the tool without touching its logic.
   Own personality: Rajasthani sandstone + terracotta, deep indigo accents, jharokha arches,
   jali lattice, and the 8-direction wheel. (AI Floor Plan = drafting table; this must not look like it.) */
:root{
  --sand:#F3E6CF;--sand2:#E8D2AC;--sand3:#D9BC8C;--terra:#B4532A;--terra2:#CC6B3A;
  --indigo:#2D3A6B;--indigo2:#3F4E86;--stone:#6E4E30;
  --e1:#2D3A6B;--e2:#2D3A6B;--e3:#3F4E86;          /* the page's old dark-brown panels become indigo */
  --jali:repeating-linear-gradient(45deg,rgba(180,83,42,.07) 0 1px,transparent 1px 16px),repeating-linear-gradient(-45deg,rgba(180,83,42,.07) 0 1px,transparent 1px 16px);
}
body{background:var(--sand);overflow-x:clip!important;}   /* "hidden" made body a scroll box, so the header could not stay at the top */
.trust-bar{display:none;}

/* ── hero ── */
.va-hero{background:var(--jali),radial-gradient(700px 420px at 80% 45%,rgba(204,107,58,.18),transparent 70%),linear-gradient(180deg,#F7ECD9,var(--sand))!important;padding:46px 24px 84px!important;border-bottom:0;}
.va-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:radial-gradient(14px 14px at 14px 0,transparent 13px,var(--sand) 14px) 0 0/28px 26px repeat-x;}
.va-hero-grid{position:relative;z-index:2;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
.page-hero.va-hero .va-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#FFF8EC;border:1px solid rgba(180,83,42,.35);color:var(--terra);font-weight:600;font-size:.84rem;padding:.38rem .85rem;border-radius:99px;margin:0 0 1.1rem;max-width:none;}
.va-eb-dot{width:8px;height:8px;border-radius:50%;background:var(--terra);box-shadow:0 0 0 4px rgba(180,83,42,.15);}
.page-hero.va-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:700;color:var(--indigo)!important;line-height:1.08;margin-bottom:.4rem;text-align:left;}
.page-hero.va-hero h1 em{color:var(--terra)!important;font-style:italic;}
.page-hero.va-hero .hero-hi-sub{color:var(--stone)!important;text-align:left;margin:0 0 1rem;font-size:1rem;}
.page-hero.va-hero .va-lead{font-size:1.05rem;color:#5B4630!important;line-height:1.7;max-width:540px;margin:0 0 1.5rem!important;text-align:left;}
.va-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-bottom:1.3rem;}
.va-hero .hero-cta-btn{background:linear-gradient(135deg,var(--terra),var(--terra2))!important;border-radius:999px!important;padding:1rem 2rem!important;box-shadow:0 10px 26px rgba(180,83,42,.35)!important;}
.va-time{font-size:.88rem;color:var(--stone);}
.va-chips-row{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;}
.va-chips-row li{background:#FFF8EC;border:1px solid var(--sand3);border-radius:999px 999px 6px 6px;padding:.35rem .9rem;font-size:.85rem;color:var(--indigo);font-weight:500;}
.va-hero-wheel{margin:0;display:flex;flex-direction:column;align-items:center;}
.va-arch{position:relative;width:min(460px,100%);padding:26px 22px 22px;background:#FBF3E4;border:2px solid var(--sand3);border-radius:240px 240px 26px 26px/150px 150px 26px 26px;box-shadow:inset 0 0 0 8px #F6E9D2,inset 0 0 0 9px var(--sand3),0 26px 50px rgba(110,78,48,.18);}
.va-hero-wheel figcaption{margin-top:.8rem;font-size:.84rem;color:var(--stone);font-style:italic;text-align:center;}

/* ── the wheel ── */
.va-wheel{position:relative;width:100%;aspect-ratio:1;}
.va-wheel-art{position:absolute;inset:0;width:100%;height:100%;}
.va-wheel-art .rim{fill:#FFF9EF;stroke:var(--terra);stroke-width:1.5;}
.va-wheel-art .rim2{fill:none;stroke:rgba(180,83,42,.35);stroke-width:1;}
.va-wheel-art .sec{fill:#F6E7CC;stroke:#E2C799;stroke-width:1.2;transition:fill .35s;}
.va-wheel-art .sec-n,.va-wheel-art .sec-s,.va-wheel-art .sec-e,.va-wheel-art .sec-w{fill:#F1DDB8;}
.va-wheel-art .sec.has{fill:#FCE2C7;}
.va-wheel-art .dot{fill:var(--terra);opacity:.55;}
.va-wheel-art .dl{font:700 15px 'Cormorant Garamond',serif;fill:var(--indigo);text-anchor:middle;}
.va-wheel-art .dl.sm{font-size:11.5px;fill:var(--terra);}
.va-wheel-art .core{fill:#FFF9EF;stroke:var(--terra);stroke-width:1.4;}
.va-wheel-art .core2{fill:none;stroke:rgba(180,83,42,.4);stroke-dasharray:2 3;}
.va-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.15;width:22%;}
.va-core b{display:block;font-size:.8rem;color:var(--terra);font-weight:700;}
.va-core span{font-size:.62rem;color:var(--stone);}
.va-sec{position:absolute;transform:translate(-50%,-50%);width:26%;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center;}
.va-sec-n{font-size:.6rem;font-weight:600;letter-spacing:.06em;color:#9A7653;text-transform:uppercase;}
.va-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;}
.va-chip{background:var(--indigo);color:#fff;font-size:.66rem;font-weight:600;line-height:1.2;padding:.18rem .45rem;border-radius:999px;white-space:nowrap;box-shadow:0 3px 8px rgba(45,58,107,.25);animation:vaPop .35s ease;}
.va-chip.va-door{background:var(--terra);}
.va-chip.va-more{background:#fff;color:var(--indigo);border:1px solid var(--indigo);}
@keyframes vaPop{from{transform:scale(.4) translateY(-8px);opacity:0}to{transform:none;opacity:1}}
/* hero demo: rooms drop in one by one on an 8 s loop */
.va-wheel-demo .va-chip{opacity:0;animation:vaDrop 8s ease infinite;animation-delay:calc(var(--k) * .55s);}
@keyframes vaDrop{0%{opacity:0;transform:translateY(-26px) scale(.6)}6%{opacity:1;transform:none}82%{opacity:1;transform:none}90%,100%{opacity:0;transform:none}}

/* ── tool panels: sandstone with an arch on top ── */
.tool-area{max-width:880px!important;}
.spanel{border-radius:120px 120px 18px 18px/36px 36px 18px 18px!important;box-shadow:0 18px 44px rgba(110,78,48,.16)!important;border:1.5px solid var(--sand3);background:#FFFCF6!important;}
.panel-hdr{background:var(--jali),linear-gradient(135deg,var(--indigo),var(--indigo2))!important;padding:1.7rem 2rem 1.4rem!important;}
.panel-hdr h2{color:#fff!important;}
.panel-hdr p{color:rgba(255,255,255,.72)!important;}
.panel-icon{background:rgba(255,255,255,.1)!important;border:1px solid rgba(243,230,207,.45)!important;border-radius:50% 50% 10px 10px!important;}
.panel-icon svg{width:28px;height:28px;fill:none;stroke:#F3E6CF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.type-card{border-radius:999px 999px 14px 14px/120px 120px 14px 14px!important;background:#FFF8EC!important;border:1.5px solid var(--sand3)!important;padding:1.9rem 1.1rem 1.3rem!important;}
.type-card:hover{border-color:var(--terra)!important;background:#FFF3E2!important;}
.type-card.selected{border-color:var(--terra)!important;background:#FFF1DE!important;box-shadow:0 0 0 4px rgba(180,83,42,.14),0 12px 26px rgba(110,78,48,.14)!important;}
.type-icon svg{width:48px;height:48px;fill:none;stroke:var(--indigo);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.type-card.selected .type-icon svg{stroke:var(--terra);}
.type-card h3{color:var(--indigo)!important;}
.type-check{background:var(--terra)!important;}
.spanel .fg input,.spanel .fg select{background:#FFF8EC!important;border-color:var(--sand3)!important;border-radius:10px!important;}
.spanel .fg input:focus,.spanel .fg select:focus{border-color:var(--terra)!important;box-shadow:0 0 0 3px rgba(180,83,42,.14);background:#fff!important;}
.dir-sel.va-set{border-color:var(--indigo)!important;background:#F2F3FA!important;color:var(--indigo);font-weight:600;}
.fsub{color:var(--indigo)!important;}
.info-tip{background:#FFF3E2!important;border-left:3px solid var(--terra);}
.btn-az{background:linear-gradient(135deg,var(--terra),var(--terra2))!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(180,83,42,.32)!important;display:inline-flex!important;align-items:center;gap:.5rem;}
.va-btn-ic{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;}

/* live wheel beside the form (computer) / above the rooms (phone) */
.va-live{background:#FFFCF6;border:1.5px solid var(--sand3);border-radius:200px 200px 18px 18px/120px 120px 18px 18px;padding:28px 18px 18px;box-shadow:0 18px 44px rgba(110,78,48,.14);}
.va-live-t{text-align:center;font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:700;color:var(--indigo);margin-bottom:.6rem;}
.va-live-c{text-align:center;font-weight:600;color:var(--terra);font-size:.9rem;margin-top:.6rem;}
.va-live .va-chip{font-size:.62rem;padding:.15rem .4rem;}
.va-live-n{text-align:center;font-size:.76rem;color:#9A7653;line-height:1.45;margin-top:.3rem;}
@media (min-width:1100px){
  .tool-area.va-grid{max-width:1180px!important;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;}
  .tool-area.va-grid>*{grid-column:1/-1;}
  .tool-area.va-grid>#s2{grid-column:1;}
  .tool-area.va-grid>#vaLive{grid-column:2;grid-row:auto;position:sticky;top:90px;}
}
@media (max-width:1099px){
  .va-live.va-inline{margin:0 0 1.2rem;border-radius:160px 160px 16px 16px/90px 90px 16px 16px;}
  .va-live.va-inline .va-wheel{max-width:340px;margin:0 auto;}
}

/* ── guide, FAQ ── */
.fva-guide{background:var(--jali),#FBF3E4;border-top:1.5px solid var(--sand3);padding-top:3.5rem!important;}
.fva-guide h2{color:var(--indigo)!important;}
.va-answer{background:#FFFCF6!important;border:1.5px solid var(--sand3)!important;border-left:5px solid var(--terra)!important;border-radius:14px!important;margin:0 0 2.2rem!important;max-width:none!important;}
.va-answer p{color:#5B4630!important;font-size:.95rem;line-height:1.7;}
.va-answer strong{color:var(--indigo)!important;}
.fva-table{border:1.5px solid var(--sand3);}
.fva-table th{background:var(--indigo)!important;color:#fff!important;}
.fva-bands li{background:#FFF1DE!important;border:1px solid var(--sand3);}
.fva-sample,.fva-cols>div{background:#FFFCF6!important;border:1.5px solid var(--sand3)!important;border-radius:60px 60px 14px 14px/24px 24px 14px 14px!important;}
.faq-section{background:var(--sand2)!important;}
.faq-left h2{color:var(--indigo)!important;}
.faq-item{border:1px solid var(--sand3)!important;border-radius:14px!important;background:#FFFCF6!important;}
.faq-item.open{border-color:var(--terra)!important;}
.va-faq-more{display:block;margin:1.1rem auto 0;background:var(--indigo);color:#fff;border:0;font:600 .92rem 'DM Sans',sans-serif;padding:.8rem 1.5rem;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px rgba(45,58,107,.25);}
.va-faq-more:hover{background:var(--indigo2);}
.faq-list.va-collapsed .faq-item:nth-child(n+9){display:none;}

/* ── phones: tool first ── */
@media (max-width:860px){
  .va-hero-grid{grid-template-columns:1fr;gap:20px;}
  .va-arch{width:min(360px,100%);}
}
@media (max-width:640px){
  .va-hero{padding:24px 16px 56px!important;}
  .va-hero-wheel{display:none;}           /* the wheel comes back inside the form, where it is live */
  .page-hero.va-hero h1{font-size:1.95rem;}
  .page-hero.va-hero .va-lead{font-size:.97rem;margin-bottom:1.1rem!important;}
  .va-hero .hero-cta-btn{width:100%;}
  .va-time{width:100%;text-align:center;}
  .va-chips-row{display:none;}
  .spanel{border-radius:70px 70px 14px 14px/26px 26px 14px 14px!important;}
  .va-chip{font-size:.6rem;padding:.14rem .35rem;}
  .va-sec-n{font-size:.52rem;}
}
body.hindi .va-sec-n{letter-spacing:0;text-transform:none;}
@media (prefers-reduced-motion:reduce){
  .va-wheel-demo .va-chip{opacity:1;animation:none;}
  .va-chip{animation:none;}
}
.faq-inner>.va-faq-more{grid-column:-2;justify-self:center;margin-top:-2.6rem;}
@media (max-width:900px){.faq-inner>.va-faq-more{grid-column:auto;margin-top:0;}}

.va-live-count{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;color:var(--indigo);font-weight:600;}
.va-live-count i{width:8px;height:8px;border-radius:50%;background:#2E8B57;box-shadow:0 0 0 4px rgba(46,139,87,.18);}
@media (max-width:640px){.va-live-count{width:100%;justify-content:center;}}

/* filled from the Vastu Compass (va-compass.js, Oct 2026) */
select.va-from-compass{border-color:#C8960A!important;background-color:#FFF8E6!important;box-shadow:0 0 0 2px rgba(200,150,10,.18);}
.va-compass-note{display:flex;gap:.7rem;align-items:flex-start;background:#FFF8E6;border:1px solid rgba(200,150,10,.45);border-radius:12px;padding:.8rem 1rem;margin-bottom:1.1rem;font-size:.9rem;line-height:1.55;color:#5A3E28;}
.va-compass-note > b{font-size:1.2rem;line-height:1;}