/* Product marketing uses actual dated captures of the current HT terminal. */
.product-shot { display:block; position:relative; width:100%; padding:0; margin:0; border:0; border-radius:inherit; background:transparent; color:inherit; text-align:inherit; cursor:zoom-in; }
.product-shot img { display:block; width:100%; height:auto; }
.product-shot:focus-visible { outline:3px solid #baa06a; outline-offset:5px; }
.shot-zoom { position:absolute; right:20px; bottom:20px; padding:10px 14px; border:1px solid #615a42; border-radius:8px; background:rgba(9,12,8,.94); color:#ecdfb9; font:500 11px/1.4 'Space Mono',monospace; box-shadow:0 5px 20px #0005; }
.product-snapshot-note { margin:24px auto 0; max-width:760px; text-align:center; color:#91988b; font:400 11px/1.6 'DM Sans',sans-serif; }
.tool-showcase > .product-shot { grid-column:2; }
.product-viewer { width:min(1640px,96vw); max-width:96vw; max-height:94vh; padding:0; border:1px solid #62573d; border-radius:14px; background:#0b0e0a; color:#e7e9df; box-shadow:0 32px 100px #0009; }
.product-viewer::backdrop { background:rgba(3,5,3,.91); backdrop-filter:blur(8px); }
.product-viewer-frame { display:flex; flex-direction:column; max-height:92vh; }
.product-viewer-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 18px; border-bottom:1px solid #2d3227; }
.product-viewer-head p { margin:0; color:#d2d6c9; font:400 12px/1.5 'Space Mono',monospace; }
.product-viewer-actions { display:flex; gap:10px; align-items:center; flex-shrink:0; }
.product-viewer-actions button { cursor:pointer; color:#eddfb8; background:#20251c; border:1px solid #414735; border-radius:7px; font:500 12px 'DM Sans',sans-serif; padding:9px 12px; min-height:38px; }
.product-viewer-actions button:hover { border-color:#b6a06c; }
.product-viewer-actions button:focus-visible { outline:2px solid #e0c686; outline-offset:3px; }
.product-viewer-actions .product-viewer-close { font-size:26px; line-height:1; padding:4px; width:38px; }
.product-viewer-image { overflow:auto; padding:12px; min-height:0; text-align:center; }
.product-viewer-image img { display:block; margin:auto; width:auto; max-width:100%; max-height:calc(90vh - 88px); border-radius:4px; }
.product-viewer-image.is-zoomed img { max-width:none; max-height:none; margin:0 auto; }
.home-proof .proof-kicker { margin-bottom:23px; color:#666b5d; font:400 11px 'Space Mono',monospace; text-transform:uppercase; letter-spacing:.16em; }
.home-proof .proof-head { margin-bottom:42px; }
.proof-intro > a { display:inline-flex; gap:20px; align-items:center; color:#20291c; font:600 13px 'DM Sans',sans-serif; margin-top:22px; padding-bottom:8px; border-bottom:1px solid #868c7b; }
.proof-intro > a:hover { color:#677342; }
.home-proof .proof-browser { border:1px solid #a6ab9a; border-radius:13px; box-shadow:0 25px 60px #1e281b33,0 1px 0 #fff8; }
.home-proof .proof-caption { display:flex; align-items:center; margin-top:19px; }
.proof-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:45px; padding-top:30px; border-top:1px solid #c4c9ba; }
.proof-features > div { display:flex; align-items:flex-start; gap:17px; }
.proof-features > div > span { padding-top:3px; color:#7b836e; font:400 10px 'Space Mono',monospace; }
.proof-features h3 { margin:0 0 8px; color:#1b2418; font:600 17px 'Manrope',sans-serif; letter-spacing:-.025em; }
.proof-features p { margin:0; color:#62695b; font:400 13px/1.65 'DM Sans',sans-serif; max-width:290px; }
@media(max-width:760px) {
  .home-proof { padding-top:75px; padding-bottom:70px; }
  .home-proof .proof-head { grid-template-columns:1fr; gap:24px; margin-bottom:30px; }
  .home-proof .proof-head h2 { max-width:520px; }
  .home-proof .proof-caption { align-items:flex-start; flex-direction:column; gap:9px; font-size:11px; line-height:1.5; }
  .proof-features { grid-template-columns:1fr; gap:25px; margin-top:30px; padding-top:25px; }
  .proof-features p { max-width:none; }
  .shot-zoom { position:static; display:block; border:0; border-top:1px solid #3c4432; border-radius:0; padding:11px; text-align:center; }
  .product-viewer { max-width:98vw; width:98vw; border-radius:9px; }
  .product-viewer-head { padding:10px; gap:10px; align-items:flex-start; }
  .product-viewer-head p { font-size:10px; }
  .product-viewer-actions { gap:6px; }
  .product-viewer-actions button { font-size:11px; padding:8px; }
  .product-viewer-image { padding:5px; }
}
@media(max-width:1000px) { .tool-showcase > .product-shot { grid-column:1 / -1; } }