/* VastuIQ — Main Door Checker redesign (Oct 2026). Personality: "Dwar", a door opening onto warm light.
   Modern, light and calm: warm ivory, plum ink, champagne lines, pastel padas.
   Loaded before the page's own <style>; rules that must win are prefixed with .mdc. */
.mdc{--ink:#1C1322;--plum:#2C1A31;--plum2:#432641;--champ:#D9B77E;--champ2:#F1D9A8;--clay:#C9785B;--sand:#F7F1E7;
     --zp2:#CFE6D6;--zb2:#CDE6E8;--zs2:#F4E2B6;--zt2:#F5D2C2;--pada-ink:#3A2A3D;}

/* ── hero ── */
.mdc-hero.dw-hero{position:relative;overflow:hidden;padding:60px 0 104px;
  background:radial-gradient(circle at 76% 46%,rgba(241,217,168,.45),transparent 40%),
             repeating-linear-gradient(90deg,rgba(67,38,65,.035) 0 1px,transparent 1px 64px),
             linear-gradient(170deg,#FFFDF9,#F8F1EA 60%,#F3EAE4);}
.mdc-hero.dw-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(194,154,91,.55),transparent);}
.dw-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
.mdc .dw-hero .mdc-kicker{background:#fff;border-color:rgba(194,154,91,.45);color:var(--plum2);font-weight:500;letter-spacing:.02em;box-shadow:0 2px 10px rgba(44,26,49,.05);}
.mdc .dw-hero h1{color:var(--plum);font-weight:600;letter-spacing:-.01em;}
.mdc .dw-hero h1 em{color:#A57937;font-style:italic;font-weight:600;}
.mdc .dw-hero p{color:#5B4A5E;}
.mdc .dw-hero .mdc-trust{color:#6F5E71;}
.mdc .dw-hero .mdc-trust > span::before{color:#A57937;}
.dw-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:22px;}
.dw-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--plum);color:#fff!important;font-weight:700;text-decoration:none;padding:.9rem 1.5rem;border-radius:999px;box-shadow:0 10px 26px rgba(44,26,49,.22);transition:transform .15s,background .15s;}
.dw-cta:hover{transform:translateY(-2px);background:var(--plum2);}
.dw-cta-2{color:var(--plum2)!important;font-weight:600;border-bottom:1px solid rgba(67,38,65,.3);text-decoration:none;}
.dw-art{display:flex;justify-content:center;}
.dw-svg{width:min(100%,400px);height:auto;filter:drop-shadow(0 22px 34px rgba(120,80,40,.14));}
.dw-lines line{stroke:rgba(67,38,65,.12);stroke-width:1;}
.dw-leaf{fill:url(#dwLeaf);}
.dw-leaf-line{fill:none;stroke:rgba(241,217,168,.45);stroke-width:1.2;}
.dw-handle{fill:var(--champ);}
.dw-frame{fill:none;stroke:#B48A4C;stroke-width:2.5;}
.dw-frame2{fill:none;stroke:rgba(67,38,65,.22);stroke-width:1;}
.dw-padas rect{stroke:none;}
.dw-padas .zp,.dw-strip .zp{fill:var(--zp2);} .dw-padas .zb,.dw-strip .zb{fill:var(--zb2);}
.dw-padas .zs,.dw-strip .zs{fill:var(--zs2);} .dw-padas .zt,.dw-strip .zt{fill:var(--zt2);}
.dw-padas text,.dw-strip text{font:700 11px 'DM Sans',sans-serif;fill:var(--pada-ink);text-anchor:middle;}
.dw-marker{fill:#B48A4C;stroke:#fff;stroke-width:2;animation:dwWalk 8s cubic-bezier(.6,0,.3,1) infinite;}
/* the door leaf swings open while the marker rests on the centre padas, and shuts while it is at the corners */
.dw-leafg{transform-box:view-box;transform-origin:128px 370px;animation:dwSwing 8s cubic-bezier(.6,0,.3,1) infinite;}
.dw-spill{transform-box:view-box;transform-origin:210px 370px;animation:dwSpill 8s cubic-bezier(.6,0,.3,1) infinite;}
@keyframes dwWalk{0%,10%{transform:translateX(45px)}35%,45%{transform:translateX(270px)}65%,92%{transform:translateX(157px)}100%{transform:translateX(45px)}}
@keyframes dwSwing{0%,52%{transform:scaleX(1) skewY(0)}66%,90%{transform:scaleX(.36) skewY(-7deg)}100%{transform:scaleX(1) skewY(0)}}
@keyframes dwSpill{0%,52%{opacity:0;transform:scaleX(.6)}66%,90%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(.6)}}
@media (prefers-reduced-motion:reduce){.dw-marker{animation:none;transform:translateX(157px);}.dw-leafg{animation:none;transform:scaleX(.36) skewY(-7deg);}.dw-spill{animation:none;}}
.dw-cap{font:500 11px 'DM Sans',sans-serif;fill:#8A7A8C;letter-spacing:.04em;}
.dw-cap.c{text-anchor:middle;fill:#A57937;font-weight:600;} .dw-cap.r{text-anchor:end;}

/* ── the checker's steps as a threshold ── */
.mdc .mdc-progress.dw-steps{gap:4px;margin:-6px 0 20px;}
.mdc .dw-steps i{height:auto;display:flex;align-items:center;gap:.45rem;padding:.5rem .7rem;border-radius:999px;background:#F3EEF2;font-style:normal;color:#8A7A8C;position:relative;}
.mdc .dw-steps i::after{display:none;content:"";position:absolute;left:6px;right:6px;bottom:-5px;height:4px;border-radius:2px;background:inherit;opacity:.6;}
.mdc .dw-steps i b{flex:0 0 22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:#fff;color:var(--light);}
.mdc .dw-steps i span{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mdc .dw-steps i.done{background:#F6EEDD;color:#7A5A22;} .mdc .dw-steps i.done b{background:var(--champ);color:var(--ink);}
.mdc .dw-steps i.now{background:var(--plum);color:#fff;} .mdc .dw-steps i.now b{background:var(--champ);color:var(--ink);}

/* ── checker + live door card ── */
.dw-tool-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start;}
.dw-live{position:sticky;top:86px;background:#FFFFFF;border:1px solid #ECE4EC;border-top:3px solid var(--champ);border-radius:18px;box-shadow:0 14px 40px var(--sh);padding:18px 18px 16px;}
.dw-live-k{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--plum2);margin:0 0 10px;}
body.hindi .dw-live-k{letter-spacing:0;text-transform:none;font-size:13px;}
.dw-live-dir{display:flex;gap:12px;align-items:center;margin-bottom:12px;}
.dw-arrow{flex:0 0 46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(160deg,var(--plum2),var(--ink));box-shadow:inset 0 0 0 2px var(--champ);transition:transform .35s;}
.dw-arrow.off{background:#E9E2EA;box-shadow:none;color:#fff;}
.dw-live-dir b{display:block;font:700 19px/1.15 'Cormorant Garamond',serif;color:var(--ink);}
.dw-live-dir small{display:block;font-size:12.5px;color:var(--light);}
.dw-live-pada{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--mid);}
.dw-live-pada b{font:700 20px/1 'DM Sans',sans-serif;color:var(--dark);}
.dw-strip{width:100%;height:auto;display:block;}
.dw-strip rect{opacity:.55;transition:opacity .2s;}
.dw-strip rect.on{opacity:1;stroke:var(--plum);stroke-width:2.5;}
.dw-strip.idle rect{opacity:1;}
.dw-live-n{font-size:12.5px;color:var(--light);line-height:1.5;margin:8px 0 12px !important;}
.dw-live-get{display:flex;gap:10px;align-items:center;border-top:1px solid #EFE8EF;padding-top:12px;}
.dw-live-get img{width:58px;height:auto;border-radius:4px;box-shadow:0 4px 12px rgba(80,40,10,.2);border:1px solid var(--border-l);}
.dw-live-get b{display:block;font-size:13.5px;color:var(--dark);}
.dw-live-get span{display:block;font-size:12.5px;color:var(--mid);}
.dw-live-get a{font-size:12.5px;font-weight:700;color:var(--plum2);}

/* ── direction cards ── */
.dw-dir-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 4px;}
.dw-dir{background:#fff;border:1px solid #ECE4EC;border-radius:16px;box-shadow:0 6px 22px rgba(44,26,49,.05);padding:16px 16px 12px;position:relative;overflow:hidden;}
.dw-dir::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--champ);}
.dw-north::before{background:var(--zp2);} .dw-east::before{background:var(--zb2);}
.dw-west::before{background:var(--zs2);} .dw-south::before{background:var(--zt2);}
.dw-dir-h{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.dw-dir-ic{flex:0 0 36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--champ2);background:var(--plum);}
.dw-dir h3{font-size:22px !important;}
.dw-dir-l{color:var(--mid);font-size:14px;margin-bottom:8px !important;}
.dw-dir dl{margin:0;display:grid;gap:6px;}
.dw-dir dl div{display:grid;grid-template-columns:118px 1fr;gap:8px;font-size:13.5px;border-top:1px solid #F1EBF1;padding-top:6px;}
.dw-dir dt{font-weight:700;color:var(--light);font-size:12px;}
.dw-dir dd{margin:0;color:var(--dark);}
.dw-dir .ok dd{color:#3F7D60;font-weight:700;} .dw-dir .care dd{color:#A85A3E;font-weight:600;}

/* corner table: softer */
.mdc .mdc-table th{background:var(--plum) !important;}

/* FAQ: first 8, then "show all" */
.mdc-faq.dw-faq-cut details.dw-more{display:none;}
.dw-faq-btn{margin-top:8px;background:none;border:1.5px solid #E2D8E2;border-radius:999px;padding:.55rem 1.1rem;font-weight:600;color:var(--plum);}

@media (max-width:980px){
  .dw-tool-grid{grid-template-columns:1fr;}
  .dw-live{display:none;}
}
@media (max-width:820px){
  .mdc-hero.dw-hero{padding:30px 0 96px;}
  .dw-hero-grid{grid-template-columns:1fr;gap:10px;}
  .dw-art{order:-1;}
  .dw-svg{width:min(56vw,230px);}
  .dw-hero .mdc-trust{display:none;}
  .dw-dir-cards{grid-template-columns:1fr;}
  .mdc .dw-steps i{justify-content:center;padding:.45rem .3rem;}
  .mdc .dw-steps i span{display:none;}
  .mdc .dw-steps i.now span{display:inline;}
}

/* ── the rest of the page in the same palette: the page's own colour tokens, re-pointed ── */
.mdc.mdc{--maroon:#2C1A31;--maroon2:#1C1322;--saffron:#432641;--gold:#C29A5B;--gold-lt:#E6C48C;
  --ivory:#FAF7F9;--cream:#FBF9F7;--cream-d:#F1ECEF;--dark:#1F1722;--mid:#5B4A5E;--light:#8A7A8C;
  --border:#E4DAE3;--border-l:#EEE7EE;--sh:rgba(44,26,49,.09);
  --z-primary:#3F8463;--z-balanced:#3C7F86;--z-supportive:#B98B44;--z-transitional:#B3613F;}
.mdc .mdc-opt.sel{background:#F6F0F5;box-shadow:0 0 0 3px rgba(67,38,65,.12);}
.mdc .mdc-btn{border-radius:999px;}
.mdc .mdc-btn:hover{background:var(--plum);}
.mdc .mdc-btn.ghost:hover{background:#F6F0F5;}
.mdc .mdc-lock{background:radial-gradient(circle at 85% 0,rgba(241,217,168,.16),transparent 50%),linear-gradient(160deg,var(--ink),var(--plum2));}
.mdc .mdc-lock .price{color:var(--champ);}
.mdc .mdc-answer{border-left-width:3px;}

/* the checker's own wall: pastel padas with dark numbers (same zone order and meaning) */
.mdc .mdc-wall .zp{background:var(--zp2);} .mdc .mdc-wall .zb{background:var(--zb2);}
.mdc .mdc-wall .zs{background:var(--zs2);} .mdc .mdc-wall .zt{background:var(--zt2);}
.mdc .mdc-wall > div{color:var(--pada-ink) !important;}
.mdc .mdc-wall div{border-right-color:rgba(255,255,255,.8);}
.mdc .mdc-wall div.on{outline:3px solid var(--plum);outline-offset:-3px;}

.dw-from-disha{background:#F2F8F4;border:1px solid #CFE6D6;border-radius:10px;padding:.55rem .8rem;font-size:13.5px;color:#2F5D45;margin:8px 0 4px !important;}