/* p2 DealCloser: four glass panels (Analyze, Offer, Negotiate, Close) dock from the corners of the stage around the
   engine's DealCloser tile, which holds the centre (film ST1, L03). */
.p2v{position:absolute;inset:0;perspective:1200px;font-family:var(--body)}
.p2v .p2-pan{position:absolute;width:clamp(220px,37%,300px);padding:16px 18px 15px;overflow:hidden;
  will-change:transform}
.p2v .p2-an,.p2v .p2-of{min-height:var(--p2h0,0)}.p2v .p2-ng,.p2v .p2-cl{min-height:var(--p2h1,0)}
/* the top row sits up into the header band and the bottom row down to the foot, so both rows clear the tile in the centre */
.p2v .p2-an{left:4px;top:-28px;transform-origin:0 0}.p2v .p2-of{right:4px;top:-28px;transform-origin:100% 0}.p2v .p2-ng{left:4px;bottom:-28px;transform-origin:0 100%}.p2v .p2-cl{right:4px;bottom:-28px;transform-origin:100% 100%}
.p2v .p2-port{position:absolute;width:clamp(220px,37%,300px);height:150px;opacity:0;pointer-events:none;
  background:linear-gradient(var(--tick),var(--tick)) 0 0/14px 1px no-repeat,linear-gradient(var(--tick),var(--tick)) 0 0/1px 14px no-repeat,
    linear-gradient(var(--tick),var(--tick)) 100% 0/14px 1px no-repeat,linear-gradient(var(--tick),var(--tick)) 100% 0/1px 14px no-repeat,
    linear-gradient(var(--tick),var(--tick)) 0 100%/14px 1px no-repeat,linear-gradient(var(--tick),var(--tick)) 0 100%/1px 14px no-repeat,
    linear-gradient(var(--tick),var(--tick)) 100% 100%/14px 1px no-repeat,linear-gradient(var(--tick),var(--tick)) 100% 100%/1px 14px no-repeat}
.p2v .p2-hd{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.p2v .p2-hd .lab{color:#EEF1F1;letter-spacing:.24em}
.p2v .p2-hd::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(225,229,229,.4),rgba(225,229,229,0))}
.p2v .p2-row{display:flex;align-items:flex-end;gap:12px}
.p2v .p2-bars{display:flex;align-items:flex-end;gap:5px;height:50px;flex:none}
.p2v .p2-bars i{display:block;width:9px;border-radius:1px 1px 0 0;transform-origin:50% 100%;
  background:linear-gradient(180deg,#f5f7f7,#9aa0a4 70%,#4a4f53)}
.p2v .p2-bars i.hi{background:linear-gradient(180deg,#fff,#cfd4d6);box-shadow:0 0 12px rgba(255,255,255,.5)}
.p2v .p2-val{font-size:clamp(24px,2.1vw,30px);line-height:1.08;white-space:nowrap}
.p2v .p2-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.p2v .p2-chip{display:inline-block;font-family:var(--tech);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  line-height:1;padding:6px 9px 5px;border:1px solid rgba(230,234,234,.6);color:#EEF1F1;border-radius:2px;white-space:nowrap;background:rgba(10,11,9,.35)}
.p2v .p2-chip.ink{background:#EEF1F1;color:#0B0C07;border-color:#EEF1F1}
.p2v .p2-chip.blue{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 18px rgba(47,107,255,.55)}
.p2v .p2-doc{display:flex;gap:12px;align-items:flex-start}
.p2v .p2-pg{flex:none;width:24px;height:30px;border:1px solid rgba(230,234,234,.7);border-radius:1px;position:relative;
  background:linear-gradient(rgba(230,234,234,.55),rgba(230,234,234,.55)) 5px 7px/12px 1px no-repeat,
    linear-gradient(rgba(230,234,234,.55),rgba(230,234,234,.55)) 5px 12px/12px 1px no-repeat,
    linear-gradient(rgba(230,234,234,.55),rgba(230,234,234,.55)) 5px 17px/8px 1px no-repeat}
.p2v .p2-dt{font-family:var(--display);font-weight:600;font-size:15px;line-height:1.2;color:#F1F4F4;letter-spacing:-.01em}
.p2v .p2-ds{font-size:12px;line-height:1.35;color:var(--ink2);margin-top:4px}
.p2v .p2-trk{position:relative;height:2px;margin:20px 7px 0;background:rgba(230,234,234,.4);transform-origin:0 50%}
.p2v .p2-trk .nd{position:absolute;top:-6px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#EEF1F1;box-shadow:0 0 10px rgba(255,255,255,.5)}
.p2v .p2-trk .nd.t{background:var(--blue);box-shadow:0 0 14px rgba(47,107,255,.8)}
.p2v .p2-nl{display:flex;justify-content:space-between;margin-top:12px}
.p2v .p2-nl .lab{font-size:10px;letter-spacing:.2em}
.p2v .p2-tk{display:flex;align-items:center;gap:10px;font-family:var(--tech);font-weight:600;font-size:13px;letter-spacing:.16em;color:#EEF1F1;margin-top:6px}
.p2v .p2-tk:first-of-type{margin-top:0}
.p2v .p2-tk b{flex:none;width:17px;height:17px;border-radius:50%;border:1px solid rgba(238,241,241,.85);font-size:10px;line-height:15px;text-align:center;font-weight:700;letter-spacing:0}
.p2v .p2-gl{position:absolute;top:-20%;bottom:-20%;left:0;width:38%;pointer-events:none;opacity:0;
  background:linear-gradient(100deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.10) 50%,rgba(255,255,255,0) 80%)}
.p2v svg.p2-ln{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.p2v svg.p2-ln line{stroke:rgba(230,234,234,.55);stroke-width:1;fill:none}
.p2v svg.p2-ln circle{fill:#fff}
.p2v svg.p2-ln circle.b{fill:var(--blue-t)}
.p2v .pop{display:inline-block;opacity:0}
/* phone: two rows of two, centre band left for the tile; tighter panes, the same words */
.p2v.p2-ph .p2-pan,.p2v.p2-ph .p2-port{width:calc(50% - 10px)}
.p2v.p2-ph .p2-pan{padding:10px 11px 10px}
.p2v.p2-ph .p2-an,.p2v.p2-ph .p2-of{top:3px}.p2v.p2-ph .p2-ng,.p2v.p2-ph .p2-cl{bottom:3px}
.p2v.p2-ph .p2-hd{margin-bottom:8px;gap:6px}
.p2v.p2-ph .p2-hd .lab{font-size:10.5px;letter-spacing:.18em}
.p2v.p2-ph .p2-bars{height:34px;gap:3px}.p2v.p2-ph .p2-bars i{width:6px}
.p2v.p2-ph .p2-row{gap:8px}
.p2v.p2-ph .p2-val{font-size:21px}
.p2v.p2-ph .p2-chips{gap:5px;margin-top:8px}
.p2v.p2-ph .p2-chip{font-size:9.5px;letter-spacing:.12em;padding:5px 6px 4px}
.p2v.p2-ph .p2-pg{display:none}
.p2v.p2-ph .p2-dt{font-size:13px}
.p2v.p2-ph .p2-ds{font-size:10.5px;margin-top:2px}
.p2v.p2-ph .p2-trk{margin-top:14px}
.p2v.p2-ph .p2-nl{margin-top:9px}
.p2v.p2-ph .p2-nl .lab{font-size:9px;letter-spacing:.14em}
.p2v.p2-ph .p2-tk{font-size:11px;letter-spacing:.12em;gap:7px;margin-top:4px}
.p2v.p2-ph .p2-tk b{width:15px;height:15px;line-height:13px;font-size:9px}