/* Corner deliverable preview; static, non-interactive, existing report asset. */
.hero .showcase{position:relative;margin-right:32px;margin-bottom:62px}.report-stack{position:absolute;right:-30px;bottom:-75px;width:142px;height:192px;z-index:7;pointer-events:none;transform:rotate(4deg)}.report-stack>img{display:block;position:absolute;inset:0;width:136px;height:192px;object-fit:cover;border:1px solid #DDDDE6;border-radius:5px;box-shadow:0 7px 20px #24233312;background:white}.report-back{position:absolute;inset:-8px 0 0 -14px;width:132px;height:185px;transform:rotate(-10deg);background:#FFFFFF;border:1px solid #D4E6E6;border-radius:5px;box-shadow:0 4px 14px #24233308;padding:16px 12px;color:#006F6F;font-size:11px}.stack-flow{display:flex;align-items:center;flex-direction:column;margin-top:16px;gap:4px}.stack-flow i{width:65px;height:19px;border:1px solid #C6E7E7;border-radius:2px;background:#F0FCFC}.stack-flow b{font-size:11px;font-weight:400;line-height:1}.hero .demo-next{right:108px}.hero .demo-lead .demo-next{right:108px}
@media(max-width:1000px){.hero .showcase{margin-right:12px}.report-stack{right:-12px;width:116px;height:164px;bottom:-65px}.report-stack>img{width:116px;height:164px}.report-back{width:112px;height:158px}.hero .demo-next{right:108px}}
@media(max-width:760px){.hero .showcase{margin-right:0;margin-bottom:118px}.report-stack{width:90px;height:127px;right:10px;bottom:-112px;transform:rotate(3deg)}.report-stack>img{width:90px;height:127px}.report-back{width:88px;height:123px;inset:-5px 0 0 -10px;padding:10px 8px;font-size:9px}.stack-flow{margin-top:9px;gap:2px}.stack-flow i{width:46px;height:13px}.hero .demo-next,.hero .demo-lead .demo-next{right:27px}}
/* Keep the corner sample clear of all demonstration actions. */
.hero .showcase{margin-bottom:110px}.report-stack{right:-36px;bottom:-124px;width:120px;height:170px}.report-stack>img{width:120px;height:170px}.report-back{width:116px;height:164px}.hero .demo-next,.hero .demo-lead .demo-next{right:140px}
@media(max-width:760px){.hero .showcase{margin-bottom:147px}.report-stack{width:90px;height:127px;right:10px;bottom:-137px}.report-stack>img{width:90px;height:127px}.report-back{width:88px;height:123px}.hero .demo-next,.hero .demo-lead .demo-next{right:27px}}
/* User refinement: move the report farther outside the right edge. */
@media(min-width:1101px){.report-stack{right:-78px}}
@media(min-width:761px) and (max-width:1100px){.report-stack{right:-28px}}
@media(min-width:1101px){.report-stack{right:clamp(-78px,calc(582px - 50vw),-58px)}}
/* User positioning refinement: report up/right; complete visual group slightly left. */
@media(min-width:1101px){.hero .showcase{transform:translateX(-20px)}.report-stack{right:clamp(-100px,calc(580px - 50vw),-78px);bottom:-86px}}
@media(min-width:761px) and (max-width:1100px){.hero .showcase{transform:translateX(-12px)}.report-stack{right:-40px;bottom:-88px}}
@media(max-width:760px){.hero .showcase{transform:none}.report-stack{right:0;bottom:-132px}}
/* User trial: deliverable at lower-left; actions return to the unobstructed right. */
@media(min-width:761px){.report-stack{left:-48px;right:auto;bottom:-96px;transform:rotate(-4deg)}.hero .demo-next,.hero .demo-lead .demo-next{right:27px}}
@media(max-width:760px){.report-stack{left:10px;right:auto;bottom:-132px;transform:rotate(-3deg)}}
/* Voice refinement: raise the lower-left report without changing horizontal placement. */
@media(min-width:761px){.report-stack{bottom:-72px}}