/* PropIQ premium design layer */
:root{
  --piq-ink:#12100d;
  --piq-espresso:#241d17;
  --piq-copper:#b5793e;
  --piq-saffron:#d8a64e;
  --piq-jade:#0f6b52;
  --piq-indigo:#263f73;
  --piq-porcelain:#fbfaf7;
  --piq-mist:#f1eee8;
  --piq-line:rgba(36,29,23,.12);
  --piq-shadow:0 24px 70px rgba(36,29,23,.14);
}

body{
  background:
    radial-gradient(circle at 12% 0%, rgba(216,166,78,.10), transparent 32%),
    linear-gradient(180deg, var(--piq-porcelain), #fff 32%, var(--piq-porcelain));
}
html,body{max-width:100%;overflow-x:hidden}
.mwrap{max-width:100vw;contain:layout paint;overflow:hidden}

nav,.header{
  background:linear-gradient(90deg,#17120e,#2f241a 58%,#173d34) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 12px 38px rgba(18,16,13,.20);
}
.nl,.nav-logo,.logo,.header-link,.header-tag{color:#fff !important}
.nm,.nav-logo-mark,.logo-mark{background:linear-gradient(135deg,var(--piq-saffron),#fff1ba) !important;color:#1b130c !important}
.nla{color:rgba(255,255,255,.64) !important}
.nla:hover,.nla.active{color:#fff !important;border-bottom-color:var(--piq-saffron) !important}
.nc{background:#fff !important;color:#17120e !important}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.header-link{border-bottom:1px solid transparent}
.header-link:hover{border-bottom-color:rgba(255,255,255,.6)}

.hero .hr{
  background:
    linear-gradient(135deg,rgba(18,16,13,.16),rgba(18,16,13,.52)),
    url("images/propiq-hero-india.png") center/cover no-repeat !important;
}
.hero .hero-svg{opacity:.16;mix-blend-mode:screen}
.hero-data{background:linear-gradient(90deg,rgba(18,16,13,.88),rgba(23,61,52,.76)) !important}
.hd-item{background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.10)}

.sec-light,.faq-section,.faq,.faq-wrap{
  background:linear-gradient(180deg,#fff7ea,#f3efe6) !important;
}
.sec-white{
  background:linear-gradient(180deg,#fff,#fbfaf7) !important;
}
.faq-item{
  background:#fff !important;
  border:1px solid rgba(181,121,62,.20) !important;
  box-shadow:0 12px 32px rgba(36,29,23,.06);
}
.faq-q{
  color:var(--piq-espresso) !important;
  background:linear-gradient(90deg,rgba(216,166,78,.10),rgba(15,107,82,.05));
}
.faq-a{color:#51483f !important}

.test-card,.tool-card,.bc,.ac,.blog-featured{
  border:1px solid var(--piq-line) !important;
  box-shadow:0 14px 42px rgba(36,29,23,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.test-card:hover,.tool-card:hover,.bc:hover,.ac:hover,.blog-featured:hover{
  transform:translateY(-4px);
  box-shadow:var(--piq-shadow) !important;
  border-color:rgba(181,121,62,.32) !important;
}
.test-av{
  background:linear-gradient(135deg,#e8cfaa,#7f4d2b);
  position:relative;
}
.test-av svg{display:none}
.test-av::after{
  content:attr(data-initial);
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font:700 18px/1 'DM Sans',system-ui,sans-serif;
}

.blog-hero{
  background:
    linear-gradient(135deg,rgba(18,16,13,.84),rgba(23,61,52,.70)),
    url("images/propiq-hero-india.png") center/cover no-repeat !important;
}
.art-grid{align-items:stretch}
.ac{background:#fff !important;border-radius:6px;overflow:hidden}
.ac-img{background:linear-gradient(135deg,#1b130d,#174238) !important}
.ac-pill{background:#fff7ea !important;color:#5f3a12 !important;border:1px solid rgba(216,166,78,.35)}

.page,.calc-wrap,.tool-shell{
  background:linear-gradient(180deg,#19130f,#241b15 36%,#fbfaf7 36%) !important;
}
.panel,.inputs-panel,.results-panel,.input-card,.result-card{
  box-shadow:0 18px 55px rgba(0,0,0,.16);
}

.piq-article-body{
  background:var(--piq-porcelain);
  color:var(--piq-ink);
  font-family:'DM Sans',system-ui,sans-serif;
}
.piq-article-hero{
  padding:120px 3.5rem 4rem;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(18,16,13,.90),rgba(23,61,52,.72)),
    url("images/propiq-hero-india.png") center/cover no-repeat;
}
.piq-article-hero-inner{max-width:1080px;margin:0 auto}
.piq-kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#f3c970;font-weight:700;margin-bottom:14px}
.piq-article-hero h1{font-family:'Playfair Display',serif;font-size:clamp(36px,5vw,68px);line-height:1.03;font-weight:500;max-width:880px}
.piq-dek{max-width:720px;margin-top:1.3rem;color:rgba(255,255,255,.78);font-size:18px;line-height:1.7}
.piq-article-shell{max-width:1180px;margin:0 auto;padding:3.5rem;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem}
.piq-article{background:#fff;border:1px solid var(--piq-line);padding:3rem;box-shadow:var(--piq-shadow)}
.piq-article h2{font-family:'Playfair Display',serif;font-size:32px;margin:2.4rem 0 1rem;color:#1b130d}
.piq-article h3{font-size:17px;text-transform:uppercase;letter-spacing:1.2px;margin:1.8rem 0 .7rem;color:#7b4c19}
.piq-article p,.piq-article li{font-size:16px;line-height:1.86;color:#3d352f}
.piq-article ul{padding-left:1.2rem;margin:1rem 0}
.piq-note{border-left:4px solid var(--piq-saffron);background:#fff7ea;padding:1rem 1.2rem;margin:1.5rem 0;color:#3a2a16}
.piq-sidebar{position:sticky;top:88px;align-self:start}
.piq-side-card{background:#fff;border:1px solid var(--piq-line);padding:1.25rem;margin-bottom:1rem;box-shadow:0 14px 40px rgba(36,29,23,.08)}
.piq-side-title{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#8b611e;font-weight:800;margin-bottom:.8rem}
.piq-side-card a{display:block;color:#231913;text-decoration:none;padding:.65rem 0;border-bottom:1px solid var(--piq-line);font-size:14px}
.piq-side-card a:last-child{border-bottom:0}
.piq-side-card a:hover{color:var(--piq-jade)}
.piq-cta{display:block;margin-top:2rem;padding:1rem 1.2rem;background:#17120e;color:#fff !important;text-decoration:none;text-align:center;font-weight:700;letter-spacing:.8px;text-transform:uppercase;font-size:12px}

@media(max-width:900px){
  nav,.header{padding-left:1rem !important;padding-right:1rem !important}
  .nls{display:none !important}
  .nr,.header-right{gap:6px !important}
  .nb,.header-tag{display:none !important}
  .nc{padding:.65rem .8rem !important;font-size:10px !important;white-space:nowrap}
  .hero-data{grid-template-columns:1fr !important;padding:1rem !important}
  .hd-item{padding:.8rem !important}
  .mtrack{animation:none !important;transform:none !important;width:100% !important;overflow:hidden !important}
  .mtrack .mi:nth-child(n+3){display:none !important}
  .mtrack .mi{width:50%;justify-content:center;padding:0 .5rem}
  .cat-tabs,.filter-tabs{flex-wrap:wrap !important;justify-content:flex-start !important}
  .cat-tab{flex:1 1 calc(50% - 8px);min-width:0}
  .test-slider,.test-viewport{max-width:100vw;contain:layout paint;overflow:hidden}
  .piq-article-shell{grid-template-columns:1fr;padding:2rem 1rem}
  .piq-article{padding:1.4rem}
  .piq-sidebar{position:static}
  .piq-article-hero{padding:96px 1.25rem 3rem}
}