/* Static product illustration with independent landing-page sample data */
.product-showcase{position:relative;min-width:0;width:100%;aspect-ratio:1.34;isolation:isolate;pointer-events:none;user-select:none}
.showcase-glow{position:absolute;inset:5% -2% 5% 0;background:radial-gradient(ellipse at 56% 53%,#c9ded4 0,#dce9e2 44%,transparent 72%);z-index:-1}
.showcase-desktop,.showcase-phone{display:block;padding:0;text-align:left;overflow:hidden}
.showcase-desktop{position:absolute;left:0;top:5%;width:94%;border:1px solid #cbd4ce;border-radius:13px;background:white;box-shadow:0 25px 55px -12px #21382b30,0 2px 5px #12231c0a}
.showcase-window{height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:#f9fbfa;border-bottom:1px solid #e4e9e5;color:#7a847f;font-size:9px;font-weight:500;letter-spacing:.02em}
.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#ccd3cf;border-radius:50%}.showcase-window>svg{width:11px;height:11px;opacity:.65}
.showcase-screen{position:relative;width:100%;aspect-ratio:1120/700;overflow:hidden;background:white}
.showcase-screen iframe{display:block;position:absolute;inset:0;border:0;max-width:none;transform-origin:0 0;transform:scale(var(--screen-scale,1));pointer-events:none}
.showcase-phone{position:absolute;right:-1%;top:26%;width:23%;border:0;border-radius:9%/4.5%;background:#171b20;box-shadow:0 17px 32px -8px #101b2636,0 3px 7px #101b261a}
.showcase-phone .showcase-screen{aspect-ratio:476/966;background:transparent}
@media(max-width:980px){.product-showcase{width:min(100%,740px);margin:0 auto}.hero__grid{gap:42px}}
@media(max-width:620px){.product-showcase{aspect-ratio:1.22;margin-top:4px}.showcase-desktop{width:96%;top:0;border-radius:9px}.showcase-window{height:20px;padding:0 8px;font-size:6px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.showcase-window>svg{width:8px;height:8px}.showcase-phone{width:26%;right:0;top:23%}}