.pd-app{--pd-ink: #0f172a;--pd-muted: #64748b;--pd-line: rgba(30, 58, 138, .14);--pd-card: #ffffff;--pd-accent: #2563eb;--pd-accent-deep: #1e3a8a;font-family:Outfit,system-ui,sans-serif;color:var(--pd-ink);width:100%;max-width:none;margin:0;height:100%;min-height:0;display:flex;flex-direction:column;padding:0 12px 10px;box-sizing:border-box}.pd-toolbar{flex:0 0 auto;display:flex;flex-direction:column;gap:.45rem;padding:8px 0 6px}.pd-kicker{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pd-accent-deep)}.pd-tours{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}.pd-tour-btn{display:inline-flex;align-items:center;gap:.3rem;flex:0 0 auto;white-space:nowrap;border:1px solid var(--pd-line);background:#ffffffd9;color:var(--pd-ink);border-radius:999px;padding:.38rem .7rem;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.pd-tour-btn.on{background:color-mix(in srgb,var(--pd-accent) 14%,#fff);border-color:color-mix(in srgb,var(--pd-accent) 45%,transparent);color:var(--pd-accent-deep)}.pd-tour-btn:focus-visible,.pd-btn:focus-visible,.pd-step-btn:focus-visible{outline:2px solid var(--pd-accent);outline-offset:2px}.pd-tour-blurb{margin:0;font-size:.84rem;color:var(--pd-muted);line-height:1.35}.pd-stage-layout{flex:1;min-height:0;display:grid;gap:.75rem;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}@media(min-width:1024px){.pd-app{padding:0 16px 12px}.pd-stage-layout{grid-template-columns:minmax(200px,240px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch}.pd-tours{flex-wrap:wrap;overflow:visible}}.pd-steps{list-style:none;margin:0;padding:0;display:grid;gap:.28rem;align-content:start;max-height:28vh;overflow:auto}@media(min-width:1024px){.pd-steps{max-height:none;height:100%;overflow:auto;padding-right:4px}}.pd-step-btn{width:100%;display:flex;align-items:flex-start;gap:.5rem;text-align:left;border:1px solid transparent;background:transparent;border-radius:10px;padding:.4rem .45rem;font:inherit;cursor:pointer;color:var(--pd-ink)}.pd-step-btn.on{background:var(--pd-card);border-color:var(--pd-line);box-shadow:0 4px 14px #0f172a0f}.pd-step-num{flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:999px;display:grid;place-items:center;font-size:.7rem;font-weight:700;background:#e2e8f0;color:var(--pd-accent-deep)}.pd-step-btn.on .pd-step-num{background:var(--pd-accent);color:#fff}.pd-step-label{font-size:.82rem;font-weight:600;line-height:1.3}.pd-stage{min-height:0;height:100%;display:flex;flex-direction:column;background:var(--pd-card);border:1px solid var(--pd-line);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #1e3a8a1a}.pd-stage-visual{position:relative;flex:1;min-height:55vh;display:flex;align-items:stretch;justify-content:center;background:#0b1220;padding:0}@media(min-width:1024px){.pd-stage-visual{min-height:0}}.pd-auto-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--pd-accent),#93c5fd);transform-origin:left center;animation:pd-auto-bar 5.2s linear both;z-index:3}@keyframes pd-auto-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pd-scene{position:relative;width:100%;height:100%;background:#0b1220;overflow:hidden}.pd-capture,.pd-clip{display:block;width:100%;height:100%;object-fit:contain;object-position:top center;background:#0b1220}.pd-capture{animation:pd-fade-in .35s ease both}@keyframes pd-fade-in{0%{opacity:.35}to{opacity:1}}.pd-capture-badge{position:absolute;top:.55rem;left:.55rem;z-index:2;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:#0f172ab8;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.28rem .55rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pd-capture[hidden],.pd-clip[hidden]{display:none!important}.pd-stage-copy{flex:0 0 auto;padding:.7rem .95rem .85rem;border-top:1px solid var(--pd-line);background:#fff}.pd-step-count{margin:0 0 .15rem;font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--pd-muted)}.pd-step-title{margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.pd-step-caption{margin:0 0 .55rem;font-size:.88rem;line-height:1.4;color:var(--pd-muted)}.pd-controls{display:flex;flex-wrap:wrap;gap:.45rem}.pd-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:.45rem .85rem;font:inherit;font-size:.85rem;font-weight:600;text-decoration:none;border:none;cursor:pointer}.pd-btn:disabled{opacity:.45;cursor:not-allowed}.pd-btn--primary{background:linear-gradient(135deg,var(--pd-accent),var(--pd-accent-deep));color:#fff}.pd-btn--ghost{background:#f1f5f9;color:var(--pd-ink)}.pd-foot{display:none}@media(max-width:819px){.pd-app{height:auto;overflow:visible;padding-bottom:16px}.pd-stage-visual{min-height:58vh}.pd-foot{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem;font-size:.85rem;color:var(--pd-muted)}.pd-foot a{color:var(--pd-accent);font-weight:600;text-decoration:none}}@media(prefers-reduced-motion:reduce){.pd-capture,.pd-auto-bar{animation:none!important}.pd-auto-bar{display:none}}