.pp-hero{align-items:center;display:grid;gap:64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:48px;position:relative;z-index:1}.pp-hero-copy{display:grid;gap:24px}.pp-hero-h1{font-size:clamp(36px,4vw,58px);line-height:1.05}.pp-head-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}.pp-head-pre{display:block}.pp-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.pp-facts{border-top:1px solid var(--pp-line-soft);display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;padding-top:24px}.pp-fact strong{color:var(--head);display:block;font-family:var(--font-head);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;line-height:1.15}.pp-fact span{color:var(--mute);display:block;font-size:14px;line-height:1.4;margin-top:4px}.pp-mock-stage{padding:0 28px 110px 0;position:relative;z-index:1}.pp-mock{background:#fff;border:1px solid var(--pp-line-soft);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-lift);font-size:14px;overflow:hidden}.pp-mock-bar{align-items:center;border-bottom:1px solid var(--pp-line-soft);display:flex;justify-content:space-between;padding:12px 16px}.pp-mock-lockup svg{display:block;height:22px;width:auto}.pp-mock-bar span{color:var(--mute);font-size:13px}.pp-mock-body{display:grid;gap:14px;padding:16px}.pp-prompt{align-items:flex-start;background:var(--pp-wash);border:1px solid var(--pp-line-soft);border-radius:var(--pp-radius-sm);color:var(--head);display:flex;font-weight:500;gap:10px;min-height:46px;padding:12px 14px}.pp-prompt .pp-mark{flex:none;height:18px;margin-top:2px;width:18px}.pp-typed{flex:1;min-width:0}.pp-caret{animation:pp-blink 1s steps(1) infinite;background:var(--purple);display:inline-block;height:1em;margin-left:2px;vertical-align:-.15em;width:2px}@keyframes pp-blink{50%{opacity:0}}.pp-app{border:1px solid var(--pp-line-soft);border-radius:var(--pp-radius-sm);overflow:hidden}.pp-app-head{align-items:flex-start;background:#fff;border-bottom:1px solid var(--pp-line-soft);display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.pp-app-head h3{font-size:15px}.pp-app-head p{color:var(--mute);font-size:13px;margin-top:2px}.pp-built{color:var(--mute);font-size:12px;margin-top:3px;white-space:nowrap}.pp-row{align-items:center;border-top:1px solid rgba(47,22,84,.06);display:grid;gap:12px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) auto;padding:10px 14px;transition:opacity .4s ease,transform .4s ease}.pp-row--head{background:var(--pp-wash);border-top:none;color:var(--mute);font-size:12px;padding-block:8px}.pp-co{color:var(--head);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-meter{background:rgba(47,22,84,.08);border-radius:3px;height:6px;overflow:hidden;position:relative}.pp-meter-fill{background:linear-gradient(90deg,var(--mint),var(--purple));border-radius:3px;inset:0 auto 0 0;position:absolute;transition:width .7s cubic-bezier(.2,.7,.2,1);width:var(--w)}.pp-days{color:var(--mute);font-variant-numeric:tabular-nums}.pp-act{background:var(--pp-tint);border-radius:999px;color:var(--deep);font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.pp-app-foot{align-items:center;background:#fff;border-top:1px solid var(--pp-line-soft);color:var(--mute);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 14px}.pp-app-foot b{color:var(--head);font-weight:600}.pp-mock.pp-replay .pp-row:not(.pp-row--head){opacity:.18;transform:translateY(4px)}.pp-mock.pp-replay .pp-meter-fill{width:0}.pp-share{background:#fff;border:1px solid var(--pp-line-soft);border-radius:16px;bottom:0;box-shadow:var(--pp-shadow-lift);display:grid;font-size:13.5px;gap:10px;padding:16px 18px;position:absolute;right:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s ease;width:min(340px,88%)}.pp-share.pp-hide{opacity:0;transform:translateY(14px)}.pp-share-who{align-items:center;display:flex;gap:10px}.pp-avatar{background:var(--grad);border-radius:50%;color:#fff!important;display:grid;flex:none;height:34px;place-items:center;width:34px;-webkit-text-fill-color:#fff!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;font-family:var(--font-head);font-size:11.5px;font-weight:700;letter-spacing:-.01em}.pp-share-who b{color:var(--head);display:block;font-size:14px}.pp-share-who span{color:var(--mute);font-size:12.5px}.pp-share p{color:var(--text);line-height:1.45}.pp-share-link{align-items:center;background:var(--pp-wash);border:1px solid var(--pp-line-soft);border-radius:10px;display:flex;gap:10px;justify-content:space-between;min-width:0;padding:8px 10px}.pp-share-link span{color:var(--deep);font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-share-link em{background:var(--purple);border-radius:999px;color:#fff;flex:none;font-size:12px;font-style:normal;font-weight:700;padding:4px 10px;white-space:nowrap}.pp-made{color:var(--mute);font-size:12px}@media(max-width:980px){.pp-hero{gap:40px;grid-template-columns:1fr;padding-top:16px}.pp-facts{gap:18px;grid-template-columns:minmax(0,1fr)}.pp-mock-stage{padding:0 0 96px}.pp-share{width:min(320px,92%)}.pp-row{gap:8px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto}.pp-row .pp-days{display:none}}@media (prefers-reduced-motion:reduce){.pp-caret{animation:none!important}.pp-meter-fill,.pp-row,.pp-share{transition:none!important}}