@import url('/assets/lp1-base.css');

/* LP1 hero mockup premium */
.visual{position:relative;aspect-ratio:4/3;background:url('/assets/hero-mockup-lp1.svg') center center/cover no-repeat;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:0 36px 90px rgba(0,0,0,.46);transform:rotate(.35deg);isolation:isolate}
.visual>*{display:none!important}
.visual:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
@media(max-width:900px){.visual{max-width:680px;margin:0 auto;transform:none}}
@media(max-width:640px){.visual{border-radius:18px;box-shadow:0 24px 55px rgba(0,0,0,.38)}}