/* Landing demo window. Builds on onboarding.css (window, steps, footer) and selection-lab.css (Prateleira, Semana). */
.lp-window{grid-template-columns:minmax(0,1fr);height:min(700px,calc(100svh - 64px));min-height:580px;margin:0;border-radius:16px;text-align:left}
.lp-window .ob-progress-step{min-height:0;border:0;background:none;cursor:pointer;border-radius:8px}
.lp-window .ob-progress-step:hover{color:var(--text-primary)}
.lp-window .ob-progress-step:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.lp-window .ob-title{color:var(--text-primary)}

/* Ready: the Lumi lands, then the same summary as the app's last step, with links back to each step. */
.lp-ready{justify-content:center;padding-bottom:48px}
.lp-lumi{width:96px;height:auto;margin:0 0 4px -10px;filter:drop-shadow(0 0 18px #ffc14b30)}
.lp-summary{display:grid;padding:2px 8px 2px 16px;border-radius:14px;background:var(--sunk);border:1px solid var(--hairline);font-size:13px}
.lp-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:52px}
.lp-sites{display:flex;align-items:center;gap:12px;min-width:0}
.lp-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}
.lp-more{display:inline-grid;place-items:center;height:20px;padding:0 6px;border-radius:10px;background:var(--surface);font-size:11px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.lp-rule{height:1px;margin:0;border:0;background:var(--hairline)}
.lp-link{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:550;white-space:nowrap;transition:background-color 180ms var(--ease),color 180ms var(--ease),scale 120ms ease-out}
.lp-link:hover{background:var(--surface);color:var(--text-primary)}
.lp-link:active{scale:.96}
.lp-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.lp-chevron{font-size:15px;line-height:1;transition:translate 180ms var(--ease)}
.lp-link:hover .lp-chevron{translate:2px 0}
.lp-now{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:12px;color:var(--text-secondary)}
.lp-now-dot{width:6px;height:6px;border-radius:50%;background:var(--luvi-light);box-shadow:0 0 8px 1px var(--glow)}

@media(max-width:700px){
  .lp-window{height:min(720px,calc(100svh - 32px))}
  .lp-window .ob-stage{padding:4px 16px 0}
  .lp-window .ob-title{font-size:22px}
  .lp-window .ob-footer{grid-template-columns:auto 1fr auto;gap:10px;padding:12px 14px}
  .lp-window .ob-footer-hint{justify-self:stretch;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
  .lp-window .ob-next{min-width:0}
  .lp-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding-block:10px}
  .lp-row .ob-summary-label{grid-column:1/-1}
  .lp-sites{flex-wrap:wrap;row-gap:6px}
  .lp-text{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.lp-link,.lp-chevron{transition:none}}