/* ===== Realism (subtle): depth + a tangible report document ===== */
/* Cards: soft layered elevation + gentle hover lift */
.service-card,.why-card,.pricing-card,.contact-form-card{
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 20px -12px rgba(16,24,40,.14)!important;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease!important;}
.service-card:hover,.why-card:hover,.pricing-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 2px 4px rgba(16,24,40,.05),0 18px 36px -16px rgba(29,69,156,.20)!important;}
/* Report pack: tangible floating document — gentle tilt + deep soft shadow */
.hero-visual{perspective:1600px;}
.report-mock{transform:rotateY(-5deg) rotateX(2deg)!important;
  box-shadow:0 2px 6px rgba(16,24,40,.07),0 28px 56px -26px rgba(16,24,40,.42)!important;}
/* Nav: gentle frosted glass */
.navbar,.lp-navbar{backdrop-filter:blur(16px) saturate(1.3)!important;-webkit-backdrop-filter:blur(16px) saturate(1.3)!important;background:rgba(255,255,255,.78)!important;}
/* Buttons: a touch of depth */
.btn-primary,.btn-accent,.lp-cta-primary{box-shadow:0 1px 2px rgba(0,0,0,.16),0 8px 18px -10px rgba(0,0,0,.45)!important;}
.btn-white{box-shadow:0 2px 6px rgba(0,0,0,.14),0 10px 22px -12px rgba(0,0,0,.3)!important;}
@media (max-width:1024px){.report-mock{transform:none!important;}}

/* Deep-QC: hover shadow must not be weaker than rest shadow */
.btn-primary:hover,.btn-accent:hover,.lp-cta-primary:hover{
  box-shadow:0 2px 3px rgba(0,0,0,.2),0 12px 26px -10px rgba(0,0,0,.5)!important;}
/* Deep-QC: show the flagship report mock on mobile (it was display:none with the old hero visual) */
@media (max-width:1024px){
  .hero-visual:has(.report-mock){display:block!important;margin-top:34px;}
}
/* Deep-QC: honor prefers-reduced-motion for transform motion */
@media (prefers-reduced-motion:reduce){
  .service-card:hover,.why-card:hover,.pricing-card:hover,.btn:hover,.btn:active{transform:none!important;}
  .report-mock{transform:none!important;}
}