.pp-screen{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;margin-top:24px;border-radius:22px;color:var(--text-primary);background-color:var(--bg-canvas);box-shadow:var(--lift-2),var(--lift-sheen)}@media (min-width:900px){.pp-screen{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:440px}}.pp-screen:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 100% 0,var(--aurora-violet),transparent 70%)}.pp-screen__copy{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(24px,3.4vw,44px)}.pp-screen__copy h3{margin:0;font-family:var(--font-display);font-size:clamp(24px,2.6vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.12;color:var(--text-primary)}.pp-screen__copy p{margin:0;font-size:16px;line-height:1.55;color:var(--text-secondary);max-width:44ch}.pp-screen__shot{position:relative;min-height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,black 80%,transparent);mask-image:linear-gradient(180deg,black 80%,transparent)}.pp-shot{position:absolute;top:36px;left:24px;width:calc(100% - 24px + 12%);border-radius:12px 0 0 12px;box-shadow:var(--lift-3)}.pp-shot>.ip,.pp-shot>.sp,.pp-shot>.xs{margin:0}.pp-shot .sp-card,.pp-shot .xs-card{box-shadow:none}@media (max-width:899px){.pp-screen__shot{height:320px;min-height:0}.pp-shot{left:20px;top:24px;width:130%}}.pp-note{margin-top:24px;padding:16px 18px;border-radius:14px;font-size:15px;line-height:1.55;color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 7%,var(--bg-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);max-width:78ch}.pp-note b,.pp-tools{color:var(--text-primary)}.pp-tools{margin:0;padding:18px;list-style:none;display:grid;gap:8px;font-family:var(--font-mono);font-size:13px;background:var(--bg-canvas)}.pp-tools li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:10px;background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default)}.pp-tools li span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.ab .ab-card.pp-link{text-decoration:none}.ab .ab-card.pp-link:hover h3{text-decoration:underline;text-underline-offset:4px}.pp-more{display:inline-flex;gap:6px;margin-top:auto;padding-top:6px;font-size:14.5px;font-weight:500;color:var(--accent)}.pp-cta,.pp-more{align-items:center}.pp-cta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 28px;margin-top:clamp(40px,6vw,72px);padding:clamp(22px,3vw,34px);border-radius:22px;background-color:var(--bg-canvas);color:var(--text-primary);box-shadow:var(--lift-2),var(--lift-sheen);position:relative;isolation:isolate;overflow:hidden}.pp-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 90% at 100% 0,var(--aurora-violet),transparent 70%)}.pp-cta h3{margin:0;font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:-.03em}.pp-cta p{margin:6px 0 0;font-size:15px;color:var(--text-secondary)}.pp-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.pp-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;color:var(--action-primary-text);background:var(--action-primary);box-shadow:var(--lift-1);transition:transform .2s ease,box-shadow .2s ease}.pp-btn:hover{transform:translateY(-1px);box-shadow:var(--lift-2)}.pp-link-out{font-size:15px;font-weight:500;color:var(--accent);text-decoration:none}.pp-link-out:hover{text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion:reduce){.pp-btn{transition:none}}