.pg-case-dpp h1.title{letter-spacing:-.04em;margin-top:16px;font-size:clamp(2.6rem,7vw + .5rem,4.5rem);font-weight:800;line-height:1.02}.pg-case-dpp .lead{color:#475569;max-width:680px;margin-top:20px;font-size:1.2rem;line-height:1.7}.pg-case-dpp .pillrow{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.pg-case-dpp .pill{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.1em;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:11px}.pg-case-dpp .btn{border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.pg-case-dpp .btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 10px 30px -12px #7c3aed8c}.pg-case-dpp .btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.pg-case-dpp .btn-ghost{color:#475569;background:#fff;border:1px solid #e2e8f0}.pg-case-dpp .btn-ghost:hover{color:#7c3aed;border-color:#7c3aed66}.pg-case-dpp section{padding:0}.pg-case-dpp .sec-label{font-family:var(--font-geist-mono), monospace;letter-spacing:.25em;text-transform:uppercase;color:#94a3b8;font-size:11px}.pg-case-dpp h2{letter-spacing:-.03em;margin-top:12px;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800}.pg-case-dpp .body-text{color:#475569;font-size:1.06rem;line-height:1.8}.pg-case-dpp .browser{cursor:zoom-in;background:#fff;border:1px solid #0f172a14;border-radius:16px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;overflow:hidden;box-shadow:0 30px 70px -32px #0f172a4d}.pg-case-dpp .browser:hover{transform:translateY(-4px);box-shadow:0 40px 84px -34px #0f172a61}.pg-case-dpp .chrome{background:#f8fafc;border-bottom:1px solid #eef2f7;align-items:center;gap:7px;height:40px;padding:0 14px;display:flex}.pg-case-dpp .cdot{border-radius:50%;width:11px;height:11px}.pg-case-dpp .url{font-family:var(--font-geist-mono), monospace;color:#94a3b8;margin-left:12px;font-size:11px}.pg-case-dpp .browser img{width:100%;height:auto;display:block}.pg-case-dpp .browser .screen{width:100%;position:relative}.pg-case-dpp .browser .screen iframe{pointer-events:none;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.pg-case-dpp .shot-cap{font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-top:12px;font-size:11px}.pg-case-dpp .feat{gap:14px;display:grid}.pg-case-dpp .feat .item{border-bottom:1px solid #eef2f7;align-items:flex-start;gap:14px;padding:18px 0;display:flex}.pg-case-dpp .feat .item:last-child{border-bottom:0}.pg-case-dpp .feat .k{color:#0f172a;font-size:1.05rem;font-weight:700}@media (min-width:600px){.pg-case-dpp .feat .k{min-width:230px}}.pg-case-dpp .feat .v{color:#64748b;font-size:.98rem;line-height:1.65}.pg-case-dpp .dotmark{background:#7c3aed;border-radius:50%;flex:none;width:9px;height:9px;margin-top:7px}.pg-case-dpp #lb{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0f172ad6;flex-direction:column;justify-content:center;align-items:center;padding:66px 24px 18px;display:none;position:fixed;inset:0}.pg-case-dpp #lb.open{display:flex}.pg-case-dpp #lb .frame{border-radius:14px;width:100%;max-width:1040px;position:relative;overflow:hidden;box-shadow:0 50px 100px -30px #0009}.pg-case-dpp #lb img{width:100%;height:auto;display:block}.pg-case-dpp #lb .screen{background:#fff;width:100%;position:relative}.pg-case-dpp #lb .screen iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.pg-case-dpp #lb .screen iframe.active{opacity:1}.pg-case-dpp #lb .x,.pg-case-dpp #lb .ar{cursor:pointer;color:#fff;z-index:10;background:#0f172a8c;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .2s,transform .2s;display:flex;box-shadow:0 6px 22px #0000004d}.pg-case-dpp #lb .x:hover,.pg-case-dpp #lb .ar:hover{background:#7c3aed;border-color:#7c3aed}.pg-case-dpp #lb .x{width:40px;height:40px;position:absolute;top:13px;right:14px}.pg-case-dpp #lb .ar{width:46px;height:46px}.pg-case-dpp #lb .lb-bar{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1040px;min-height:46px;margin-top:18px;padding:0 8px;display:flex}.pg-case-dpp #lb .lb-bar>*{pointer-events:auto}.pg-case-dpp #lb .cap{color:#cbd5e1;line-height:1;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.pg-case-dpp #lb .lb-stage{width:100%;max-width:1040px;position:relative}.pg-case-dpp #lb .lb-live{text-align:center;white-space:nowrap;color:#cbd5e1;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;z-index:11;margin-bottom:18px;font-size:12px;transition:color .2s;position:absolute;bottom:100%;left:0;right:0}.pg-case-dpp #lb .lb-live:hover{color:#a78bfa}@media (max-width:1024px){.pg-case-dpp #lb{padding:66px 16px 18px}}@media (max-width:760px){.pg-case-dpp #lb{padding:12px}.pg-case-dpp #lb .ar{width:38px;height:38px}.pg-case-dpp #lb .pv{left:6px}.pg-case-dpp #lb .nx{right:6px}.pg-case-dpp #lb .x{top:12px;right:12px}.pg-case-dpp #lb .cap{font-size:10px;bottom:6px}.pg-case-dpp .two-col{grid-template-columns:1fr!important}.pg-case-dpp .browser{cursor:default}.pg-case-dpp .browser:hover{transform:none}}@media (max-width:480px){.pg-case-dpp .pillrow{gap:6px}}@media (min-width:1025px){.pg-case-dpp #lb .pv,.pg-case-dpp #lb .nx{position:absolute;top:50%;transform:translateY(-50%)}.pg-case-dpp #lb .pv{left:28px}.pg-case-dpp #lb .nx{right:28px}.pg-case-dpp #lb .lb-bar{justify-content:center}}