.pg-demo{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.pg-demo .nav-brand{align-items:center;gap:var(--s-3);min-width:0;display:inline-flex}.pg-demo .nav-sub{padding-left:var(--s-3);border-left:1px solid var(--line-2);white-space:nowrap}.pg-demo .site-nav-links a{align-items:center;gap:7px;display:inline-flex}.pg-demo .nav-link-dot{background:var(--mark);border-radius:50%;width:6px;height:6px}.pg-demo .nav-pill{font-family:var(--f-mono);letter-spacing:.04em;border-radius:var(--r-sm);background:var(--ink-hover);color:var(--on-ink-2);border:1px solid var(--line-ink);padding:2px 6px;font-size:10px;font-weight:500}.pg-demo .footer-in{align-items:center;gap:var(--s-8);flex-wrap:wrap;display:flex}.pg-demo .footer-left{align-items:center;gap:var(--s-6);flex-wrap:wrap;display:flex}.pg-demo .footer-status{align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-3);display:inline-flex}.pg-demo .footer-links{gap:var(--s-6);flex-wrap:wrap;display:flex}.pg-demo .footer-right{margin-left:auto}.pg-demo .footer-copy{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--on-ink-3)}.pg-demo .page-wrap{border-bottom:1px solid var(--line)}.pg-demo .page-wrap>.page{padding-block:var(--s-8)var(--s-20)}.pg-demo .case-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);margin-bottom:var(--s-12);flex-wrap:wrap;display:inline-flex}.pg-demo .case-cell{align-items:center;gap:var(--s-2);padding:7px var(--s-3);border-right:1px solid var(--line);display:inline-flex}.pg-demo .case-cell:last-child{border-right:0}.pg-demo .case-val{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--ink);font-weight:500}.pg-demo .case-live{align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--authentic);font-weight:600;display:inline-flex}.pg-demo .hero{gap:var(--s-12);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid}.pg-demo .hero-copy{gap:var(--s-6);flex-direction:column;min-width:0;display:flex}.pg-demo .hero-kicker{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.pg-demo .hero-title-accent{color:var(--ink-3)}.pg-demo .hero-meta{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.pg-demo .hero-meta-cell{background:var(--surface);padding:var(--s-3)var(--s-4);flex-direction:column;gap:6px;min-width:0;display:flex}.pg-demo .hero-meta-val{font-family:var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:600}.pg-demo .hero-meta-val.ok{color:var(--authentic)}.pg-demo .hero-meta-val.bad{color:var(--synthetic)}.pg-demo .split-wrap{min-width:0;position:relative}.pg-demo .split-frame{box-shadow:var(--sh-3);overflow:hidden}.pg-demo .split-frame-tab{border-bottom:1px solid var(--line-ink);flex-wrap:wrap;display:flex}.pg-demo .split-frame-tab-cell{align-items:center;gap:var(--s-2);padding:10px var(--s-4);border-right:1px solid var(--line-ink);display:inline-flex}.pg-demo .split-frame-tab-cell:last-child{border-right:0;margin-left:auto}.pg-demo .split-frame-tab-value{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--on-ink);font-weight:500}.pg-demo .split-frame-tab-live{align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-2);font-weight:600;display:inline-flex}.pg-demo .split-frame-body{padding:var(--s-4);gap:var(--s-3);flex-direction:column;display:flex}.pg-demo .split-header{justify-content:space-between;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;display:flex}.pg-demo .split-header-title{font-family:var(--f-body);font-weight:650;font-size:var(--t-md);color:var(--on-ink)}.pg-demo .split-slider{border-radius:var(--r);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--night-2);border:1px solid var(--line-ink);width:100%;height:440px;position:relative;overflow:hidden}.pg-demo .split-slider:focus-visible{outline:2px solid var(--mark-bright);outline-offset:3px}.pg-demo .split-layer{position:absolute;inset:0}.pg-demo .split-b{clip-path:inset(0 0 0 var(--pos))}.pg-demo .split-a{clip-path:inset(0 calc(100% - var(--pos))0 0)}.pg-demo .split-img{background-color:var(--night-2);position:absolute;inset:0}.pg-demo .split-img.a{background-image:radial-gradient(circle at 35% 40%,color-mix(in srgb,var(--authentic)38%,transparent),transparent 34%),linear-gradient(135deg,var(--night-3),transparent 55%),repeating-linear-gradient(45deg,var(--line-ink)0 1px,transparent 1px 18px)}.pg-demo .split-img.b{background-image:radial-gradient(circle at 65% 40%,color-mix(in srgb,var(--synthetic)42%,transparent),transparent 34%),linear-gradient(135deg,var(--night-3),transparent 55%),repeating-linear-gradient(45deg,var(--line-ink)0 1px,transparent 1px 18px)}.pg-demo .split-img.b:after{content:"";background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--synthetic)16%,transparent),transparent);animation:4s ease-in-out infinite pg-demo-sweep;position:absolute;inset:0}@keyframes pg-demo-sweep{0%,to{opacity:0;transform:translateY(-100%)}18%,82%{opacity:1}50%{transform:translateY(100%)}}.pg-demo .split-label{bottom:var(--s-4);padding:10px var(--s-3);background:color-mix(in srgb,var(--night)86%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-ink);border-radius:var(--r);flex-direction:column;align-items:flex-start;gap:6px;max-width:70%;display:flex;position:absolute}.pg-demo .split-label-a{left:var(--s-4);border-left:2px solid var(--c-a)}.pg-demo .split-label-b{right:var(--s-4);border-right:2px solid var(--c-b);text-align:right;align-items:flex-end}.pg-demo .split-label-slot{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-3);font-size:10px;font-weight:600}.pg-demo .split-label-name{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--on-ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:500;overflow:hidden}.pg-demo .split-handle{top:0;bottom:0;left:var(--pos);pointer-events:none;z-index:10;position:absolute;transform:translate(-50%)}.pg-demo .split-handle-line{background:var(--on-ink);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.pg-demo .split-handle-grip{background:var(--on-ink);width:44px;height:44px;color:var(--ink);border:2px solid var(--night);box-shadow:var(--sh-3);transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-demo .split-slider:hover .split-handle-grip,.pg-demo .split-slider:focus-visible .split-handle-grip{background:var(--mark);color:var(--on-ink);transform:translate(-50%,-50%)scale(1.08)}.pg-demo .split-handle-pct{top:var(--s-3);font-family:var(--f-mono);font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--on-ink);background:var(--night);border:1px solid var(--line-ink);padding:3px var(--s-2);border-radius:var(--r-sm);font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.pg-demo .split-crosshair{pointer-events:none;z-index:5;background-image:linear-gradient(var(--line-ink)1px,transparent 1px),linear-gradient(90deg,var(--line-ink)1px,transparent 1px);background-size:32px 32px;position:absolute;inset:0}.pg-demo .split-hint{top:var(--s-3);right:var(--s-3);z-index:11;background:var(--night);border:1px solid var(--line-ink);border-radius:var(--r-sm);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-2);transition:opacity .3s var(--ease);align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:500;display:inline-flex;position:absolute}.pg-demo .split-hint.dragging{opacity:0}.pg-demo .page-body{padding-block:var(--s-16)var(--s-12);gap:var(--s-6);flex-direction:column;display:flex}.pg-demo .verdict-strip{grid-template-columns:1.4fr 1fr 1fr;display:grid;overflow:hidden}.pg-demo .verdict-cell{padding:var(--s-6);border-right:1px solid var(--line);gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.pg-demo .verdict-cell:last-child{border-right:0}.pg-demo .verdict-cell.primary{box-shadow:inset 3px 0 0 var(--vc)}.pg-demo .verdict-lbl{align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--vc);font-weight:600;display:inline-flex}.pg-demo .verdict-title{font-family:var(--f-display);font-weight:700;font-size:var(--t-2xl);letter-spacing:-.02em;color:var(--ink);line-height:1.05}.pg-demo .verdict-num{font-size:var(--t-2xl)}.pg-demo .verdict-copy{color:var(--ink-2);font-size:13px}.pg-demo .verdict-rec{padding:var(--s-2)var(--s-3);background:var(--vc-tint);border:1px solid var(--vc-line);border-radius:var(--r-sm);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--vc);margin-top:auto;font-weight:600}.pg-demo .insight-grid{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-demo .insight-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s-5);gap:var(--s-2);flex-direction:column;display:flex}.pg-demo .insight-num{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.08em;color:var(--mark);margin-bottom:var(--s-1);font-weight:500}.pg-demo .insight-title{font-family:var(--f-body);font-weight:650;font-size:var(--t-lg);line-height:1.2}.pg-demo .insight-copy{color:var(--ink-2);font-size:13px}.pg-demo .scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pg-demo .scope-col{padding:var(--s-5);border-right:1px solid var(--line);min-width:0}.pg-demo .scope-col:last-child{border-right:0}.pg-demo .scope-col-header{align-items:center;gap:var(--s-3);padding-bottom:var(--s-4);margin-bottom:var(--s-4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.pg-demo .trace-row{margin-bottom:var(--s-4)}.pg-demo .trace-row:last-child{margin-bottom:0}.pg-demo .trace-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.pg-demo .trace-name{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--ink-3);font-weight:500}.pg-demo .trace-val{font-family:var(--f-mono);font-size:var(--t-sm);font-variant-numeric:tabular-nums;font-weight:600}.pg-demo .trace-scope{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);height:36px;position:relative;overflow:hidden}.pg-demo .trace-grid{background-image:linear-gradient(var(--line)1px,transparent 1px),linear-gradient(90deg,var(--line)1px,transparent 1px);opacity:.7;background-size:12px 12px;position:absolute;inset:0}.pg-demo .trace-svg{width:100%;height:100%;position:absolute;inset:0}.pg-demo .trace-path{fill:none;stroke:var(--trace-color);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px var(--trace-glow));animation:pg-demo-trace 1.4s var(--ease)both}@keyframes pg-demo-trace{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 0}}.pg-demo .trace-baseline{background:var(--line-2);height:1px;position:absolute;top:50%;left:0;right:0}.pg-demo .diff{overflow:hidden}.pg-demo .diff-header{padding-block:var(--s-3);justify-content:space-between}.pg-demo .diff-sub{font-size:var(--t-sm);color:var(--ink-3);margin-top:2px}.pg-demo .diff-hd-row,.pg-demo .diff-row{gap:var(--s-4);padding:0 var(--s-5);grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));align-items:center;display:grid}.pg-demo .diff-hd-row{background:var(--sunken);border-bottom:1px solid var(--line);height:36px}.pg-demo .diff-hd-row .c{text-align:center}.pg-demo .diff-row{padding-block:var(--s-3);border-bottom:1px solid var(--line)}.pg-demo .diff-row:last-child{border-bottom:0}.pg-demo .diff-row:hover{background:var(--bg)}.pg-demo .diff-feat{font-size:13.5px;font-weight:500}.pg-demo .diff-cell{font-family:var(--f-mono);text-align:center;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.pg-demo .diff-cell.g{color:var(--authentic)}.pg-demo .diff-cell.r{color:var(--synthetic)}.pg-demo .diff-delta{text-align:center}.pg-demo .cta-row{gap:var(--s-3);padding-top:var(--s-4);flex-wrap:wrap;display:flex}.pg-demo .disclaimer{padding-bottom:var(--s-16)}.pg-demo .dis-inner{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pg-demo .dis-card{overflow:hidden}.pg-demo .dis-card-tab{padding:10px var(--s-5);border-bottom:1px solid var(--line)}.pg-demo .dis-card-body{padding:var(--s-4)var(--s-5)var(--s-5);gap:var(--s-2);flex-direction:column;display:flex}.pg-demo .dis-lbl{font-family:var(--f-body);font-weight:650;font-size:var(--t-md)}.pg-demo .dis-copy{color:var(--ink-2);font-size:13px}@media (max-width:1080px){.pg-demo .hero{grid-template-columns:1fr}.pg-demo .nav-sub{display:none}}@media (max-width:960px){.pg-demo .split-slider{height:340px}.pg-demo .verdict-strip{grid-template-columns:1fr 1fr}.pg-demo .verdict-cell.primary{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1}.pg-demo .insight-grid{grid-template-columns:1fr}}@media (max-width:720px){.pg-demo .page-wrap>.page{padding-block:var(--s-6)var(--s-12)}.pg-demo .case-strip{margin-bottom:var(--s-8)}.pg-demo .split-slider{height:260px}.pg-demo .split-label{max-width:46%;bottom:var(--s-2);padding:var(--s-2)}.pg-demo .split-label-a{left:var(--s-2)}.pg-demo .split-label-b{right:var(--s-2)}.pg-demo .split-label-name{font-size:10px}.pg-demo .split-frame-tab-cell{padding:var(--s-2)var(--s-3)}.pg-demo .verdict-strip{grid-template-columns:1fr}.pg-demo .verdict-cell{border-right:0;border-bottom:1px solid var(--line)}.pg-demo .verdict-cell:last-child{border-bottom:0}.pg-demo .scope-grid{grid-template-columns:1fr}.pg-demo .scope-col{border-right:0;border-bottom:1px solid var(--line)}.pg-demo .scope-col:last-child{border-bottom:0}.pg-demo .diff-hd-row,.pg-demo .diff-row{gap:var(--s-2);padding-inline:var(--s-3);grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr))}.pg-demo .diff-cell{font-size:var(--t-xs);overflow-wrap:anywhere}.pg-demo .diff-feat{font-size:var(--t-sm)}.pg-demo .diff-delta .chip{letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;min-height:22px;padding:2px 5px;font-size:9px}.pg-demo .dis-inner{grid-template-columns:1fr}.pg-demo .footer-right{margin-left:0}.pg-demo .cta-row .btn{width:100%}}@media (prefers-reduced-motion:reduce){.pg-demo .split-img.b:after,.pg-demo .trace-path{animation:none}}.pg-demo .hero-title{font-size:clamp(48px,6vw,88px)}