.pp-hero{border-bottom:1px solid var(--border-role)}.pp-panels{display:grid;grid-template-columns:1fr 1fr;max-width:1360px;margin:0 auto}.pp-panel-left{padding:80px 64px 80px 40px;border-right:1px solid var(--border-role);display:flex;flex-direction:column;gap:28px;justify-content:center}.pp-panel-right{background:var(--pp-canvas);padding:64px 48px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:420px}.pp-lottie-bg{position:absolute;inset:0;opacity:.45;z-index:0}.pp-lottie-bg svg{width:100%!important;height:100%!important;display:block}.pp-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,var(--pp-glow),transparent 65%);pointer-events:none;z-index:1}.pp-mock-layer{position:relative;z-index:2;width:100%;max-width:var(--pp-mock-max, 440px)}.product-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#f5f4f0;background:#111;border:1px solid #2a2a2a;border-radius:4px;padding:5px 10px;width:fit-content}.pp-headline{font-family:var(--font-display);font-size:clamp(36px,3.8vw,58px);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--text-1);margin:0}.headline-line{display:block;overflow:hidden;padding-bottom:.07em}.headline-line .char{display:inline-block}.headline-line .char.space{width:.28em}.pp-sub{font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text-2);margin:0;max-width:460px}.pp-actions{display:flex;gap:12px;flex-wrap:wrap}.mock-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #2a2620}.mock-dots{display:flex;gap:5px}.mock-dots i{display:block;width:8px;height:8px;border-radius:50%;background:var(--pp-mock-dot)}.mock-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--pp-mock-fg);flex:1}.mock-ok,.mock-live{font-family:var(--font-mono);font-size:10px;color:var(--pp-status, var(--pp-accent))}.mock-err{font-family:var(--font-mono);font-size:10px;color:#ff5512}.feat-mock{background:#14110d;border-bottom:1px solid #2a2620;flex-shrink:0;overflow:hidden}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feat-card{background:var(--surface-card);border:1px solid var(--border-role);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s var(--ease-brand),box-shadow .2s var(--ease-brand),border-color .2s var(--ease-brand)}.feat-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 1px 2px #1410080a,0 18px 44px -22px #14100829}.feat-body{padding:28px 32px 32px;display:flex;flex-direction:column;flex:1}.feat-name{font-family:var(--font-display);font-weight:500;font-size:20px;letter-spacing:-.02em;color:var(--text-1);margin:0 0 10px}.feat-desc{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--text-2);margin:0}.kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vis-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:18px}.vis-head{padding:32px 0;display:flex;flex-direction:column;justify-content:center}.vis-sub{margin-top:20px;max-width:400px}.vis-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .2s var(--ease-brand),box-shadow .2s var(--ease-brand),border-color .2s var(--ease-brand)}.vis-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 1px 2px #1410080a,0 18px 44px -22px #14100829}.vc-mock{background:var(--pp-dark-bg);border-bottom:1px solid var(--pp-dark-border);flex-shrink:0}.vc-body{padding:24px 28px 28px}.vc-name{font-family:var(--font-display);font-weight:500;font-size:19px;letter-spacing:-.02em;color:var(--text-1);margin:0 0 9px}.vc-desc{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--text-2);margin:0}.band{background:var(--surface-alt);border-top:1px solid var(--border-role);border-bottom:1px solid var(--border-role)}.pp-band-dark{background:var(--pp-canvas);border-top:1px solid var(--border-role);border-bottom:1px solid var(--border-role);position:relative;overflow:hidden}.pp-band-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,var(--pp-glow),transparent 70%);pointer-events:none}.pp-band-dark:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 44px);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 0%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 85% 75% at 50% 0%,#000 25%,transparent 78%);pointer-events:none}.pp-band-dark>*{position:relative}.pp-band-lottie{position:absolute!important;inset:0;opacity:.22;pointer-events:none}.pp-band-lottie svg{width:100%!important;height:100%!important;display:block}.pp-band-dark.has-lottie:after{display:none}.pp-band-dark .eyebrow{color:var(--pp-accent)}.pp-band-dark .eyebrow:before{background:var(--pp-accent);opacity:.5}.pp-band-dark .h2{color:#eee}.pp-band-dark .lead{color:#ffffff8c}.pp-dark-card{border:1px solid rgba(255,255,255,.1);background:#ffffff05;border-radius:14px}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:64px}.sh-left{display:flex;flex-direction:column}.sh-right{max-width:520px}.op80{opacity:.8}.op70{opacity:.7}.op60{opacity:.6}.op40{opacity:.4}@media(max-width:860px){.pp-panels{grid-template-columns:1fr}.pp-panel-left{padding:56px 24px 40px;border-right:none;border-bottom:1px solid var(--border-role)}.pp-panel-right{padding:40px 24px;min-height:300px}.split-head{grid-template-columns:1fr;gap:20px}.sh-right{max-width:none}.feat-grid,.kind-grid,.vis-grid{grid-template-columns:1fr}.vis-head{padding:16px 0}}.teaser[data-astro-cid-pcprnq3e]{position:relative;overflow:hidden;min-height:78vh;display:flex;align-items:center;background:var(--pp-canvas, #0c0b09)}.scrim[data-astro-cid-pcprnq3e]{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--pp-canvas, #0c0b09) 0%,color-mix(in srgb,var(--pp-canvas, #0c0b09) 55%,transparent) 60%,transparent 100%),linear-gradient(0deg,var(--pp-canvas, #0c0b09) 0%,transparent 45%)}.inner[data-astro-cid-pcprnq3e]{position:relative;z-index:2;padding:120px 28px;max-width:720px}.chip[data-astro-cid-pcprnq3e]{display:inline-flex;align-items:center;border-radius:0;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--pp-accent, var(--accent));background:color-mix(in srgb,var(--pp-accent, var(--accent)) 16%,transparent);border:1px solid color-mix(in srgb,var(--pp-accent, var(--accent)) 34%,transparent);padding:6px 12px}.title[data-astro-cid-pcprnq3e]{font-family:var(--font-display);font-weight:500;font-size:clamp(40px,5.4vw,68px);line-height:.98;letter-spacing:-.03em;color:#fff;margin:22px 0 0}.sub[data-astro-cid-pcprnq3e]{font-family:var(--font-sans);font-size:19px;line-height:1.5;color:#ffffffb8;margin:22px 0 32px;max-width:520px}.alt[data-astro-cid-pcprnq3e]{font-family:var(--font-sans);font-size:15px;color:#ffffff8c;margin:14px 0 0}.demo[data-astro-cid-pcprnq3e]{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:#ffffffd1;font-weight:500;transition:color .15s var(--ease-brand)}.demo[data-astro-cid-pcprnq3e]:hover{color:var(--pp-accent, var(--accent))}