/* P.D. Technology V35.2 — enterprise client showcase */
.cp-demo-v352{--demo-primary:var(--pd-primary,#246fff);--demo-accent:var(--pd-accent,#4dd7ff);--demo-ink:#071a31;--demo-muted:#688199;--demo-border:rgba(87,126,164,.20);--demo-surface:#f4f8fc;--demo-card:rgba(255,255,255,.92);position:relative;min-height:680px}
.cp-demo-v352 .v352-showcase-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;padding:28px 30px;border-radius:28px;background:radial-gradient(900px 460px at 80% -20%,rgba(48,145,255,.30),transparent 60%),linear-gradient(135deg,#041225 0%,#071d36 50%,#0a3154 100%);box-shadow:0 30px 90px rgba(3,23,44,.19);color:#fff}
.cp-demo-v352 .v352-showcase-hero:after{content:"";position:absolute;inset:auto -12% -70% 38%;height:320px;background:radial-gradient(circle,rgba(73,206,255,.20),transparent 66%);pointer-events:none}
.cp-demo-v352 .v352-eyebrow{font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.18em;font-weight:850;color:#83cfff}.cp-demo-v352 .v352-showcase-hero h2{margin:8px 0 8px;font-size:clamp(25px,3.1vw,42px);line-height:1;letter-spacing:-.045em}.cp-demo-v352 .v352-showcase-hero p{max-width:760px;margin:0;color:#abc2da;font-size:11px;line-height:1.72}.cp-demo-v352 .v352-live-pill{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(122,202,255,.27);border-radius:999px;background:rgba(10,47,82,.52);backdrop-filter:blur(18px);color:#d6f3ff;font-size:8px;font-weight:800;white-space:nowrap}.cp-demo-v352 .v352-live-pill i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 6px rgba(52,211,153,.12)}
.cp-demo-v352 .v352-demo-switcher{display:flex;gap:8px;align-items:center;overflow:auto;padding:14px 2px 4px;scrollbar-width:none}.cp-demo-v352 .v352-demo-switcher::-webkit-scrollbar{display:none}.cp-demo-v352 .v352-demo-switcher button{flex:0 0 auto;border:1px solid #d4e2ee;background:rgba(255,255,255,.86);color:#46637c;border-radius:999px;padding:8px 12px;font-size:8px;font-weight:760;cursor:pointer;transition:.18s ease}.cp-demo-v352 .v352-demo-switcher button:hover{transform:translateY(-1px);border-color:#a9c8e2}.cp-demo-v352 .v352-demo-switcher button.active{background:#092b4d;border-color:#092b4d;color:#fff;box-shadow:0 8px 22px rgba(9,43,77,.16)}
.cp-demo-v352 .v352-showcase-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:12px}.cp-demo-v352 .v352-stage-card,.cp-demo-v352 .v352-feedback-dock{border:1px solid var(--demo-border);background:var(--demo-card);border-radius:26px;box-shadow:0 20px 65px rgba(23,56,88,.08);overflow:hidden;backdrop-filter:blur(18px)}
.cp-demo-v352 .v352-stage-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid #e5edf5;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,254,.90));position:relative;z-index:12}.cp-demo-v352 .v352-control-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cp-demo-v352 .v352-tool,.cp-demo-v352 .v352-select{height:32px;border:1px solid #d7e4ee;background:#fff;color:#537089;border-radius:10px;padding:0 9px;font-size:8px;font-weight:760;cursor:pointer}.cp-demo-v352 .v352-tool:hover{border-color:#a8c7e1;color:#174e80}.cp-demo-v352 .v352-tool.active{border-color:#95c6f4;background:#e9f4ff;color:#0d63bd}.cp-demo-v352 .v352-tool.review-active{background:#0a6ee9;color:#fff;border-color:#0a6ee9;box-shadow:0 7px 18px rgba(10,110,233,.20)}.cp-demo-v352 .v352-revision{display:flex;align-items:center;gap:7px;color:#58738b;font-size:8px;white-space:nowrap}.cp-demo-v352 .v352-revision b{color:#173c5d}.cp-demo-v352 .v352-secure-dot{width:7px;height:7px;border-radius:50%;background:#28b487}
.cp-demo-v352 .v352-stage{position:relative;min-height:690px;display:grid;place-items:center;padding:32px 22px 42px;overflow:auto;background:radial-gradient(800px 420px at 50% 5%,rgba(85,171,255,.14),transparent 65%),linear-gradient(135deg,#edf4fa,#f8fbfd)}
.cp-demo-v352 .v352-device{--vw:1440;--vh:900;--scale:.69;position:relative;display:flex;flex-direction:column;flex:0 0 auto;transition:width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),border-radius .28s ease,transform .22s ease;background:#07111c;border:1px solid rgba(8,24,41,.70);box-shadow:0 30px 90px rgba(4,27,51,.24),inset 0 0 0 1px rgba(255,255,255,.05)}
.cp-demo-v352 .v352-device[data-device="desktop"]{width:min(100%,1100px);height:620px;border-radius:18px;padding:8px}.cp-demo-v352 .v352-device[data-device="iphone16"]{width:402px;height:874px;border-radius:54px;padding:9px}.cp-demo-v352 .v352-device[data-device="s24"]{width:384px;height:832px;border-radius:42px;padding:8px}.cp-demo-v352 .v352-device[data-device="ipad"]{width:820px;height:1080px;border-radius:34px;padding:10px}.cp-demo-v352 .v352-device[data-orientation="landscape"][data-device="iphone16"]{width:874px;height:402px}.cp-demo-v352 .v352-device[data-orientation="landscape"][data-device="s24"]{width:832px;height:384px}.cp-demo-v352 .v352-device[data-orientation="landscape"][data-device="ipad"]{width:1080px;height:820px}.cp-demo-v352 .v352-device[data-orientation="landscape"][data-device="desktop"]{width:min(100%,1100px);height:620px}.cp-demo-v352 .v352-device[data-scale="75"]{transform:scale(.75);transform-origin:top center;margin-bottom:calc(-25% * .35)}.cp-demo-v352 .v352-device[data-scale="90"]{transform:scale(.9);transform-origin:top center}.cp-demo-v352 .v352-device[data-scale="100"]{transform:scale(1);transform-origin:top center}
.cp-demo-v352 .v352-device-top{height:24px;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}.cp-demo-v352 .v352-device[data-device="desktop"] .v352-device-top{height:20px;justify-content:flex-start;padding-left:12px;gap:5px}.cp-demo-v352 .v352-device[data-device="desktop"] .v352-device-top:before,.cp-demo-v352 .v352-device[data-device="desktop"] .v352-device-top:after{content:"";width:6px;height:6px;border-radius:50%;background:#476071;box-shadow:11px 0 0 #476071,22px 0 0 #476071}.cp-demo-v352 .v352-island{display:block;width:106px;height:21px;border-radius:999px;background:#02060a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.cp-demo-v352 .v352-device[data-device="s24"] .v352-island{width:11px;height:11px}.cp-demo-v352 .v352-device[data-device="ipad"] .v352-island{width:8px;height:8px}.cp-demo-v352 .v352-device[data-device="desktop"] .v352-island{display:none}
.cp-demo-v352 .v352-screen{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:calc(inherit - 8px);background:#fff}.cp-demo-v352 .v352-device[data-device="iphone16"] .v352-screen{border-radius:45px}.cp-demo-v352 .v352-device[data-device="s24"] .v352-screen{border-radius:35px}.cp-demo-v352 .v352-device[data-device="ipad"] .v352-screen{border-radius:25px}.cp-demo-v352 .v352-device[data-device="desktop"] .v352-screen{border-radius:10px}.cp-demo-v352 .v352-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.cp-demo-v352 .v352-review-layer,.cp-demo-v352 .v352-hotspot-layer,.cp-demo-v352 .v352-pin-layer{position:absolute;inset:0}.cp-demo-v352 .v352-hotspot-layer,.cp-demo-v352 .v352-pin-layer{pointer-events:none;z-index:5}.cp-demo-v352 .v352-review-layer{display:none;z-index:8;cursor:crosshair;background:rgba(21,84,142,.025)}.cp-demo-v352 .v352-review-layer.active{display:block}.cp-demo-v352 .v352-hotspot{position:absolute;pointer-events:auto;border:1px dashed rgba(36,111,255,.32);background:rgba(36,111,255,.055);border-radius:8px;cursor:pointer;opacity:.34;transition:.16s}.cp-demo-v352 .v352-hotspot:hover{opacity:1;background:rgba(36,111,255,.11)}.cp-demo-v352 .v352-pin{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;border:2px solid #fff;border-radius:999px;display:grid;place-items:center;background:#0b72ea;color:#fff;font:800 8px/1 system-ui;box-shadow:0 8px 24px rgba(10,81,157,.32);z-index:7;pointer-events:auto;cursor:pointer}.cp-demo-v352 .v352-pin.resolved{background:#1fa77b}.cp-demo-v352 .v352-pin.in_progress{background:#d58a14}.cp-demo-v352 .v352-new-pin{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#235fff;color:#fff;font:800 9px system-ui;box-shadow:0 8px 28px rgba(35,95,255,.38)}
.cp-demo-v352 .v352-route-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;border-top:1px solid #e6eef5;background:#fbfdff;color:#6e8598;font-size:8px}.cp-demo-v352 .v352-route-strip code{font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#2b5e88;background:#eef5fb;padding:4px 7px;border-radius:7px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-demo-v352 .v352-feedback-dock{display:flex;flex-direction:column;min-height:650px}.cp-demo-v352 .v352-feedback-head{padding:18px 18px 14px;border-bottom:1px solid #e5edf5}.cp-demo-v352 .v352-feedback-head h3{margin:5px 0 5px;font-size:18px;letter-spacing:-.025em;color:#102f4d}.cp-demo-v352 .v352-feedback-head p{margin:0;color:#748b9f;font-size:9px;line-height:1.58}.cp-demo-v352 .v352-compose{padding:13px;border-bottom:1px solid #e6edf4;background:#fbfdff}.cp-demo-v352 .v352-compose textarea{width:100%;min-height:88px;border:1px solid #d6e3ee;background:#fff;border-radius:13px;padding:11px 12px;font:500 9px/1.5 system-ui;color:#163e61;resize:vertical;outline:none;transition:.16s}.cp-demo-v352 .v352-compose textarea:focus{border-color:#86bcf0;box-shadow:0 0 0 4px rgba(65,150,238,.09)}.cp-demo-v352 .v352-compose-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.cp-demo-v352 .v352-pin-meta{font-size:7.5px;color:#758da2;min-width:0}.cp-demo-v352 .v352-send{border:0;border-radius:10px;background:linear-gradient(135deg,#176fe3,#2a92ff);color:#fff;font-size:8px;font-weight:850;padding:8px 11px;cursor:pointer;box-shadow:0 8px 20px rgba(28,113,226,.18)}
.cp-demo-v352 .v352-feedback-list{display:grid;gap:9px;overflow:auto;padding:12px;max-height:610px}.cp-demo-v352 .v352-feedback-item{border:1px solid #dce8f2;border-radius:14px;background:#fff;padding:11px;transition:.16s;cursor:pointer}.cp-demo-v352 .v352-feedback-item:hover{border-color:#b7d2e7;transform:translateY(-1px)}.cp-demo-v352 .v352-feedback-item header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cp-demo-v352 .v352-feedback-item .pin-label{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:850;color:#2d5b82}.cp-demo-v352 .v352-feedback-item .pin-label i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:#1669c9;font-style:normal;font-size:7px}.cp-demo-v352 .v352-state{font-size:6.8px;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 6px;background:#eff4f8;color:#6e8496}.cp-demo-v352 .v352-state.resolved{background:#e8f8f1;color:#21805f}.cp-demo-v352 .v352-state.in_progress{background:#fff5df;color:#93660e}.cp-demo-v352 .v352-feedback-item p{margin:8px 0 7px;color:#3e607c;font-size:8.5px;line-height:1.52}.cp-demo-v352 .v352-feedback-item small{display:flex;gap:6px;flex-wrap:wrap;color:#8599aa;font-size:7px}.cp-demo-v352 .v352-staff-reply{margin-top:8px;padding:8px 9px;border-left:2px solid #3e9aea;background:#eef7ff;border-radius:0 8px 8px 0;color:#416987;font-size:8px;line-height:1.45}
.cp-demo-v352 .v352-thread{position:fixed;inset:0;z-index:99999;display:none;align-items:flex-end;justify-content:flex-end;background:rgba(3,17,31,.28);backdrop-filter:blur(6px);padding:20px}.cp-demo-v352 .v352-thread.open{display:flex}.cp-demo-v352 .v352-thread-panel{width:min(460px,100%);max-height:min(720px,90vh);display:flex;flex-direction:column;border-radius:22px;background:#fff;box-shadow:0 30px 100px rgba(4,25,46,.28);overflow:hidden}.cp-demo-v352 .v352-thread-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 17px;border-bottom:1px solid #e5edf4}.cp-demo-v352 .v352-thread-head h3{margin:3px 0 0;font-size:16px}.cp-demo-v352 .v352-thread-close{border:0;background:#eef4f8;color:#48677f;width:30px;height:30px;border-radius:9px;cursor:pointer}.cp-demo-v352 .v352-thread-body{padding:13px;overflow:auto;display:grid;gap:8px}.cp-demo-v352 .v352-message{max-width:88%;padding:9px 10px;border-radius:12px;background:#f0f5f8;color:#42617a;font-size:8.5px;line-height:1.5}.cp-demo-v352 .v352-message.client{justify-self:end;background:#e8f3ff;color:#235e91}.cp-demo-v352 .v352-message small{display:block;margin-top:4px;opacity:.62}.cp-demo-v352 .v352-thread-compose{display:flex;gap:7px;padding:12px;border-top:1px solid #e5edf4}.cp-demo-v352 .v352-thread-compose textarea{flex:1;min-height:42px;max-height:110px;border:1px solid #d8e4ed;border-radius:10px;padding:9px;font:500 8.5px system-ui;resize:vertical}.cp-demo-v352 .v352-thread-compose button{align-self:flex-end;border:0;border-radius:10px;background:#0d6ee5;color:#fff;font-size:8px;font-weight:800;padding:9px 11px;cursor:pointer}
.cp-demo-v352 .v352-empty{padding:18px;color:#7f94a6;font-size:9px;line-height:1.55;text-align:center}.cp-demo-v352 .v352-toast-stack{position:fixed;right:18px;bottom:18px;z-index:100000;display:grid;gap:8px}.cp-demo-v352 .v352-toast{max-width:340px;padding:10px 12px;border:1px solid rgba(120,153,182,.3);border-radius:12px;background:rgba(6,28,49,.94);color:#eaf6ff;font-size:8.5px;box-shadow:0 14px 40px rgba(3,20,37,.25);backdrop-filter:blur(14px)}
@media(max-width:1180px){.cp-demo-v352 .v352-showcase-shell{grid-template-columns:1fr}.cp-demo-v352 .v352-feedback-dock{min-height:0}.cp-demo-v352 .v352-feedback-list{max-height:360px}.cp-demo-v352 .v352-stage{min-height:620px}}
@media(max-width:760px){.cp-demo-v352 .v352-showcase-hero{grid-template-columns:1fr;padding:22px;border-radius:22px}.cp-demo-v352 .v352-showcase-shell{gap:10px}.cp-demo-v352 .v352-stage-toolbar{align-items:flex-start;flex-direction:column}.cp-demo-v352 .v352-stage{min-height:540px;padding:22px 8px 28px}.cp-demo-v352 .v352-device[data-device="iphone16"]{width:min(402px,92vw);height:min(874px,72vh)}.cp-demo-v352 .v352-device[data-device="s24"]{width:min(384px,92vw);height:min(832px,72vh)}.cp-demo-v352 .v352-device[data-device="ipad"]{width:min(820px,92vw);height:min(1080px,72vh)}.cp-demo-v352 .v352-device[data-device="desktop"]{width:96vw;height:56vh}.cp-demo-v352 .v352-route-strip{align-items:flex-start;flex-direction:column}.cp-demo-v352 .v352-route-strip code{max-width:100%}}