[data-image-preview] .preview-action { display:block; padding:12px 16px; background:#26334b; color:#fff; font-size:16px; font-weight:700; text-align:center; line-height:1.4; }
[data-image-preview]:focus-visible, .screenshot-preview button:focus-visible { outline:3px solid #efb287; outline-offset:4px; }
.screenshot-preview { padding:0; border:1px solid #7180a1; border-radius:18px; width:min(760px,calc(100% - 24px)); max-width:none; height:min(940px,calc(100dvh - 24px)); max-height:calc(100% - 24px); background:#172235; color:#f2f3f8; overflow:hidden; }
.screenshot-preview[open] { display:flex; flex-direction:column; }
.screenshot-preview::backdrop { background:rgba(4,9,18,.84); }
.screenshot-preview-header { flex:none; padding:16px; border-bottom:1px solid #52617c; }
.screenshot-preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.screenshot-preview h2 { margin:0; font-size:20px; line-height:1.3; color:#fff; }
.screenshot-preview button { min-height:48px; padding:10px 15px; border:1px solid #b4bfef; border-radius:10px; background:#5969b8; color:#fff; font:700 16px/1.3 system-ui,sans-serif; cursor:pointer; flex:none; }
.screenshot-preview-header p { margin:10px 0 0; color:#d1d9e8; font-size:14px; line-height:1.4; }
.screenshot-preview-body { overflow:auto; overscroll-behavior:contain; min-height:0; padding:16px; }
.screenshot-preview-body img { display:block; width:100%; height:auto; margin:auto; }
/* Keep the preview label visible even when the tall hero capture is cropped. */
.landing-screen[data-image-preview] { position:relative; }
.landing-screen[data-image-preview] .preview-action { position:absolute; bottom:0; left:0; right:0; }
@media(max-width:900px) {
  .product-landing .menu-button { width:auto; min-width:62px; padding:0 10px; font-size:14px; font-weight:700; }
}
@media(max-width:420px) {
  .product-landing .site-header .brand-text { font-size:15px; }
  .product-landing .site-header .brand-mark { width:28px; height:28px; }
  .product-landing .nav { gap:6px; }
  .product-landing .header-actions { gap:6px; }
  .product-landing .nav-cta { padding-inline:7px; font-size:12px; }
  .screenshot-preview-toolbar { align-items:flex-start; }
  .screenshot-preview h2 { font-size:18px; }
  .screenshot-preview button { font-size:14px; padding-inline:10px; }
}