/* v3.8.3: only the eight credit-specific sections; NO selectors for home header/footer.
   Home chrome uses exactly parts/header.html and parts/footer.html with the same CSS. */
.ipxm-page-root > .elementor-widget-ipx_header { z-index:120!important; }
.ipxm-page-root > .elementor-widget-ipxm_hero { z-index:1; }

/* Pale plant accents and pen annotations visible in the supplied HD artboard. */
.ipxm-page-root .ipxm-hero::before,
.ipxm-page-root .ipxm-steps::before,
.ipxm-page-root .ipxm-faq::before{
 content:"";pointer-events:none;z-index:1;position:absolute;width:100px;height:260px;left:-32px;
 background:radial-gradient(ellipse 24px 56px at 44% 12%,rgba(56,150,88,.12) 0 45%,transparent 48%),
 radial-gradient(ellipse 27px 66px at 18% 39%,rgba(70,163,104,.10) 0 45%,transparent 48%),
 radial-gradient(ellipse 25px 61px at 82% 56%,rgba(70,163,104,.12) 0 45%,transparent 48%),
 radial-gradient(ellipse 28px 70px at 32% 84%,rgba(70,163,104,.10) 0 45%,transparent 48%);
 transform:rotate(-23deg);opacity:.8;
}
.ipxm-page-root .ipxm-hero::before{bottom:-47px}
.ipxm-page-root .ipxm-steps::before{left:auto;right:-20px;top:-25px;width:85px;height:100px;transform:rotate(32deg);opacity:.28}
.ipxm-page-root .ipxm-faq::before{left:-45px;bottom:-45px;opacity:.45}
.ipxm-page-root .ipxm-hero-handnote{font-style:italic;line-height:1.18;transform:rotate(-9deg);text-align:center}
.ipxm-page-root .ipxm-hero-handnote::after{content:'↶';display:block;font-size:34px;line-height:.4;padding-top:8px;font-weight:400}

/* Exact architectural photography from the supplied 1122×1402 reference is used
   at its native 2× reference scale on the matching desktop artboard. Its original
   mock calculator is completely covered by the LIVE calculator (not clickable art). */
@media (min-width:1024px) and (max-width:1249px){
  .ipxm-page-root .ipxm-hero-media{inset:0!important;pointer-events:none;}
  .ipxm-page-root .ipxm-hero-photo{position:absolute;left:calc(50% - 116px);top:0;height:100%;width:auto;max-width:none;object-fit:fill;object-position:center;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.46) 12%,#000 29%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.46) 12%,#000 29%)}
  .ipxm-page-root .ipxm-calculator{width:275px;right:14.8%;top:15px;}
  .ipxm-page-root .ipxm-hero-gradient{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 26%,rgba(255,255,255,.88) 33%,rgba(255,255,255,.52) 39%,rgba(255,255,255,.08) 49%,transparent 61%)}
  .ipxm-page-root .ipxm-hero-handnote{right:2.6%;bottom:24px}
}
@media (min-width:1250px){
  .ipxm-page-root .ipxm-hero-media{inset:0 0 0 27%;}
  .ipxm-page-root .ipxm-hero-photo{object-position:50% 50%;}
  .ipxm-page-root .ipxm-hero-gradient{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 25%,rgba(255,255,255,.90) 34%,rgba(255,255,255,.40) 44%,rgba(255,255,255,.04) 60%,transparent 73%)}
}
@media (min-width:1400px){
  /* Centre the copy and calculator inside the same 1370px content grid. */
  .ipxm-page-root .ipxm-hero-copy{left:60px;max-width:min(530px,43vw);}
  .ipxm-page-root .ipxm-calculator{right:max(7.8%,calc((100vw - 1400px)/2));}
}
@media (max-width:850px){
  .ipxm-page-root .ipxm-hero::before{opacity:.25}
  .ipxm-page-root .ipxm-hero-media{pointer-events:none}
  .ipxm-page-root .ipxm-steps::before{opacity:.14}
}

/* The original reference includes translucent leaf cutouts on the page edge.
   These clips contain no interface/text, and do not intercept any interaction. */
@media(min-width:851px){
 .ipxm-page-root .ipxm-hero::before{
    top:38px;bottom:auto;left:0;width:80px;height:315px;opacity:1;transform:none;
    background:url('../images/ipxm-ref-foliage-hero.png') left top / 80px 315px no-repeat;
 }
 .ipxm-page-root .ipxm-faq::before{
    top:7px;bottom:auto;left:0;width:95px;height:185px;opacity:1;transform:none;
    background:url('../images/ipxm-ref-foliage-bottom.png') left top / 95px 185px no-repeat;
 }
 .ipxm-page-root .ipxm-script-note{right:2.7%;}
 .ipxm-page-root .ipxm-script-note::before{content:'↶';position:absolute;left:-28px;top:14px;font-size:29px;line-height:1;color:#04965d;transform:rotate(-28deg);font-weight:400}
}

/* Match the reference's section rhythm and preserve the four editable banks. */
@media (min-width:851px) and (max-width:1399px){
 .ipxm-page-root .ipxm-transparency{min-height:157px;}
 .ipxm-page-root .ipxm-transparency-photo{min-height:157px;}
 .ipxm-page-root .ipxm-transparency-cards{padding-top:11px;padding-bottom:11px;}
 .ipxm-page-root .ipxm-bank-img{height:37px;}
 .ipxm-page-root .ipxm-calculator{padding-bottom:9px;}
 .ipxm-page-root .ipxm-calculator .ipxm-calc-sub{margin-bottom:8px;}
 .ipxm-page-root .ipxm-calculator .ipxm-calc-grid{row-gap:8px;}
 .ipxm-page-root .ipxm-calculator .ipxm-calculation{margin-top:8px;}
 .ipxm-page-root .ipxm-calculator .ipxm-calc-foot{margin-top:6px;}
}