.sitepv-wrap{margin-top:var(--space-4);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-items:start}.sitepv-frame{margin:0;min-width:0;display:grid;gap:var(--space-1);align-content:start}.sitepv-name{font-size:var(--step-label);letter-spacing:.14em;text-transform:uppercase;color:#2a2a2ab3}.sitepv-capnote{font-size:var(--step-label);letter-spacing:.12em;text-transform:uppercase;color:#2a2a2a8c}.sitepv-is-live .sitepv-capnote{visibility:hidden}.sitepv-shell--desktop{border:1px solid var(--panel-edge);border-radius:var(--radius);background:var(--navy-deep);overflow:hidden;box-shadow:0 18px 50px #0f1b332e}.sitepv-chrome{display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-2);border-bottom:1px solid var(--panel-edge)}.sitepv-dots{display:inline-flex;gap:5px;flex:0 0 auto}.sitepv-dots i{width:8px;height:8px;border-radius:50%;background:var(--panel-edge)}.sitepv-urlbar{flex:1 1 auto;min-width:0;max-width:26em;margin-inline:auto;text-align:center;font-size:var(--step-label);letter-spacing:.08em;color:var(--cream-dim);background:#ffffff0f;border:1px solid var(--panel-edge);border-radius:999px;padding:.3em 1em;overflow:hidden}.sitepv-shell--phone{width:min(390px,100%);margin-inline:auto;border:10px solid var(--navy-deep);border-radius:40px;background:var(--navy-deep);overflow:hidden;box-shadow:0 18px 50px #0f1b3338}.sitepv-screen--phone{aspect-ratio:390 / 780;max-height:80vh;border-radius:30px}.sitepv-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:92px;height:20px;border-radius:999px;background:var(--navy-deep);z-index:5;pointer-events:none}.sitepv-screen{position:relative;overflow:hidden;background:var(--navy-deep)}.sitepv-screen--desktop{aspect-ratio:1440 / 900}.sitepv-iframe{position:absolute;top:0;left:0;border:0;background:#fff;transform-origin:top left;z-index:1;pointer-events:none}.sitepv-is-active .sitepv-iframe{pointer-events:auto}.sitepv-capture{position:absolute;inset:0;z-index:2;overflow:hidden;overscroll-behavior:contain;background:var(--cream);-webkit-overflow-scrolling:touch}.sitepv-capture img{display:block;width:100%;height:auto}.sitepv-is-live .sitepv-capture{display:none}.sitepv-is-active .sitepv-capture{overflow-y:auto}html.sitepv-lock{overflow:hidden}.sitepv-overlay[hidden],.sitepv-close[hidden]{display:none!important}.sitepv-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-2);border:0;background:#0f1b3324;cursor:pointer;transition:background .18s ease}.sitepv-overlay:hover{background:#0f1b333d}.sitepv-overlay:focus-visible{outline:2px solid var(--red, #e02434);outline-offset:-4px}.sitepv-overlay__chip{display:inline-flex;align-items:center;min-height:var(--tap);padding:.55em 1.35em;border:1px solid var(--line);border-radius:999px;background:var(--cream);color:var(--charcoal, #2a2a2a);font-size:.9rem;font-weight:600;letter-spacing:.01em;text-align:center;box-shadow:0 10px 30px #0f1b334d}@media(prefers-reduced-motion:reduce){.sitepv-overlay{transition:none}}.sitepv-close{position:absolute;top:10px;right:10px;z-index:6;width:var(--tap);height:var(--tap);display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--cream);color:var(--charcoal, #2a2a2a);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px #0f1b3359}.sitepv-close:focus-visible{outline:2px solid var(--red, #e02434);outline-offset:2px}.sitepv-expand{min-height:var(--tap);justify-self:start;display:inline-flex;align-items:center;gap:.6em;padding:.6em 1.2em;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);color:var(--charcoal, #2a2a2a);font-size:.9rem;font-weight:600;cursor:pointer}.sitepv-expand:after{content:"+";font-weight:700;color:var(--red-deep)}.sitepv-expand[aria-expanded=true]:after{content:"×"}.sitepv-expand:focus-visible{outline:2px solid var(--red, #e02434);outline-offset:2px}@media(max-width:1023.98px){.sitepv-frame--desktop{display:none}[data-pv-expanded=true] .sitepv-frame--desktop{display:grid}}@media(min-width:1024px){.sitepv-wrap{grid-template-columns:minmax(0,1fr) clamp(230px,23vw,300px);grid-template-areas:"d p"}.sitepv-frame--desktop{grid-area:d}.sitepv-frame--phone{grid-area:p}.sitepv-expand{display:none}}html:not(.js) .sitepv-overlay,html:not(.js) .sitepv-close,html:not(.js) .sitepv-expand{display:none}html:not(.js) .sitepv-frame--desktop{display:grid}html:not(.js) .sitepv-capture{overflow-y:auto}
