/* One macOS-style browser frame for real captures and interactive examples. */
.product-window {
  min-width:0;
  overflow:hidden;
  border:1px solid #cbd0d3;
  border-radius:12px;
  background:#fff;
  box-shadow:0 2px 4px #18262408,0 18px 42px -20px #18262440;
}
.product-window-bar {
  direction:ltr;
  display:grid;
  grid-template-columns:54px 24px minmax(0,1fr) 24px;
  align-items:center;
  gap:14px;
  min-height:46px;
  padding:8px 15px;
  border-bottom:1px solid #d5d8dc;
  background:linear-gradient(#f4f4f5,#e8e9eb);
  color:#73777d;
}
.product-window-lights {position:relative;width:11px;height:11px;border-radius:50%;background:#ff6058;box-shadow:inset 0 0 0 1px #00000012}
.product-window-lights::before,.product-window-lights::after {content:"";position:absolute;top:0;left:18px;width:100%;height:100%;border-radius:50%;background:#ffbd2e;box-shadow:inset 0 0 0 1px #00000012}
.product-window-lights::after {left:36px;background:#28c840}
.product-window-bar>svg {width:19px;height:19px}
.product-window-address {display:flex;justify-content:center;align-items:center;gap:5px;justify-self:center;width:min(100%,430px);min-height:28px;border:1px solid #dfe0e3;border-radius:6px;background:#fafafb;color:#535962;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;line-height:1.4;box-shadow:0 1px 1px #00000003}
.product-window-address svg {width:13px;height:13px;flex-shrink:0}
.product-window-tabs {justify-self:end}
.px-tour-panel {grid-template-columns:.72fr 1.4fr;gap:36px;align-items:center;border:0;border-radius:0;overflow:visible}
.px-tour-story {border:0;padding:14px 4px 14px 0}
.px-tour-screen {padding:26px;background:#f6f7f8}
.px-screen-heading h3 {font-size:22px;letter-spacing:-.6px}
.px-example-record {border-color:#e1e4e7;border-radius:8px;box-shadow:0 1px 2px #17252205}
.px-tour-window .px-person strong {font-size:15px}
.px-tour-window .px-person small {font-size:12px}
.px-tour-window .px-example-note {color:#636d73}
@media(max-width:860px) {
  .px-tour-panel {grid-template-columns:1fr;gap:24px}
  .px-tour-story {padding:0}
}
@media(max-width:540px) {
  .product-window {border-radius:10px;box-shadow:0 10px 25px -14px #18262440}
  .product-window-bar {grid-template-columns:45px minmax(0,1fr) 18px;gap:10px;min-height:40px;padding:7px 10px}
  .product-window-lights {width:10px;height:10px}
  .product-window-lights::before {left:15px}
  .product-window-lights::after {left:30px}
  .product-window-sidebar {display:none}
  .product-window-address {font-size:10px;min-height:25px}
  .product-window-tabs {width:17px!important}
  .px-tour-screen {padding:18px}
  .px-tour-window .px-screen-heading {gap:5px}
  .px-tour-window .px-screen-heading h3 {font-size:21px}
  .px-tour-window .px-example-record {padding:16px}
}