/* Landing hero — Emerald Stage product showcase (2026 refresh).
   Static layered composition: one large dashboard screenshot in a glass frame,
   with two smaller floating panels (Cash Flow Forecast, Assets & Net Worth)
   overlapping its lower corners. No cycling, no video — calm and premium. */

.lp-shot-stack{
  position:relative;
  width:min(1180px,94vw);
  margin-inline:calc((100% - min(1180px,94vw)) / 2);
  padding:0 0 64px;
}

.lp-scr-glow{
  position:absolute;inset:-4% -8% -6%;pointer-events:none;
  background:radial-gradient(ellipse 65% 55% at 50% 42%,rgba(95,197,154,.28),transparent 70%);
}

.lp-shot-main{
  position:relative;padding:10px;border-radius:26px;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 60px 110px -40px rgba(4,14,10,.8),0 26px 50px -30px rgba(61,167,124,.3);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.lp-shot-main img{display:block;width:100%;border-radius:17px}

.lp-shot-side{
  position:absolute;bottom:0;width:clamp(220px,26%,320px);
  padding:6px;border-radius:16px;
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 34px 60px -26px rgba(4,14,10,.85);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.lp-shot-side img{display:block;width:100%;border-radius:11px}
.lp-shot-side--left{left:-1.5%;transform:rotate(-2.5deg)}
.lp-shot-side--right{right:-1.5%;transform:rotate(2.5deg)}

@media(max-width:860px){
  .lp-shot-stack{padding-bottom:0}
  .lp-shot-side{display:none}
}