.pp-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.pp-nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(160%);background:#ffffffd9;border-bottom:1px solid #10142612;position:sticky;top:0}.pp-nav-inner{justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.pp-nav-right{align-items:center;gap:22px;display:flex}.pp-nav-links{align-items:center;gap:26px;display:flex}.pp-nav-link{min-height:36px;color:var(--fg-1);transition:color .2s var(--ease);align-items:center;font-size:14px;font-weight:500;display:inline-flex;position:relative}.pp-nav-link:after{content:"";background:var(--gradient-accent);transform-origin:0;height:2px;transition:transform .28s var(--ease);border-radius:2px;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.pp-nav-link:hover{color:var(--fg-0)}.pp-nav-link:hover:after{transform:scaleX(1)}.pp-nav-cta{background:var(--gradient-accent);color:#fff;white-space:nowrap;min-height:40px;transition:transform .2s var(--ease), box-shadow .3s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px -8px #7c5cf68c}.pp-nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 30px -8px #7c5cf6b3}.pp-nav-cta .arrow{width:14px;height:14px}.pp-cta-short{display:none}@media (max-width:820px){.pp-nav-links{display:none}}@media (max-width:560px){.pp-nav .brand-name{display:none}}@media (max-width:460px){.pp-nav-right{gap:12px}.pp-nav-cta{padding:10px 16px}.pp-cta-full{display:none}.pp-cta-short{display:inline}}.pp-hero{isolation:isolate;padding:72px 0 44px;position:relative;overflow:hidden}.pp-hero-bg{z-index:-1;background:radial-gradient(52% 40% at 50% -6%,#7c5cf624 0%,#0000 62%),radial-gradient(40% 34% at 88% 20%,#ec48991a 0%,#0000 60%),radial-gradient(40% 34% at 10% 26%,#1da1f21f 0%,#0000 60%);position:absolute;inset:0}.pp-hero-inner{max-width:820px}.pp-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--violet-deep);background:#7c5cf614;border:1px solid #7c5cf640;border-radius:999px;padding:6px 14px;font-size:11px;display:inline-flex}.pp-hero-title{letter-spacing:-.04em;text-wrap:balance;background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:760px;margin:20px 0 0;font-size:clamp(40px,6.4vw,74px);font-weight:600;line-height:1.02}.pp-hero-lead{max-width:620px;color:var(--fg-1);margin:22px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.6}.pp-products{gap:28px;padding:44px 0 24px;display:grid}.pp-product{border:1px solid var(--pp-bd);box-shadow:0 24px 60px -30px var(--pp-sh);background:#fff;border-radius:28px;grid-template-columns:1.02fr .98fr;align-items:center;gap:44px;padding:44px;display:grid;position:relative;overflow:hidden}.pp-product:before{content:"";background:radial-gradient(ellipse 46% 72% at var(--pp-glow,92% 6%), var(--pp-tint), transparent 60%);pointer-events:none;position:absolute;inset:0}.pp-blue{--pp-accent:#1da1f2;--pp-accent-deep:var(--accent-deep);--pp-bd:#1da1f233;--pp-sh:#1da1f259;--pp-tint:#1da1f217;--pp-tag-bg:#1da1f217;--pp-tag-bd:#1da1f24d}.pp-pink{--pp-accent:#ec4899;--pp-accent-deep:var(--pink-deep);--pp-bd:#ec489938;--pp-sh:#ec489959;--pp-tint:#ec489914;--pp-tag-bg:#ec489914;--pp-tag-bd:#ec48994d}.pp-teal{--pp-accent:#14b8a6;--pp-accent-deep:var(--teal-deep);--pp-bd:#14b8a642;--pp-sh:#14b8a659;--pp-tint:#14b8a617;--pp-tag-bg:#14b8a61a;--pp-tag-bd:#14b8a652}.pp-product-body,.pp-product-media{min-width:0;position:relative}.pp-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--pp-tag-bg);border:1px solid var(--pp-tag-bd);color:var(--pp-accent-deep);border-radius:999px;padding:5px 13px;font-size:10.5px;display:inline-flex}.pp-product-name{letter-spacing:-.03em;color:var(--fg-0);margin:16px 0 0;font-size:clamp(28px,3.4vw,34px);font-weight:600}.pp-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);margin:22px 0 8px;font-size:10.5px;display:block}.pp-what{color:var(--fg-1);max-width:46ch;margin:0;font-size:15px;line-height:1.65}.pp-feats{gap:9px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pp-feat{color:var(--fg-0);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.4;display:flex}.pp-feat-ic{background:linear-gradient(135deg, var(--pp-accent), var(--violet));color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.pp-feat-ic svg{width:10px;height:10px}.pp-stack{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.pp-chip{font-family:var(--font-mono);background:var(--bg-2);border:1px solid var(--line-strong);color:var(--fg-1);border-radius:999px;padding:5px 11px;font-size:10.5px}.pp-ux{color:var(--fg-1);align-items:flex-start;gap:10px;max-width:48ch;margin:10px 0 0;font-size:14px;line-height:1.6;display:flex}.pp-ux-ic{background:var(--pp-tag-bg);border:1px solid var(--pp-tag-bd);width:22px;height:22px;color:var(--pp-accent-deep);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.pp-ux-ic svg{width:12px;height:12px}.pp-platforms{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pp-badge{border:1px solid var(--line-strong);color:var(--fg-1);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.pp-badge svg{width:13px;height:13px}.pp-links{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.pp-link-dark,.pp-link-teal,.pp-link-light{transition:transform .2s var(--ease), box-shadow .3s var(--ease), border-color .2s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:13.5px;font-weight:600;display:inline-flex}.pp-link-dark svg,.pp-link-teal svg,.pp-link-light svg{width:13px;height:13px}.pp-link-dark{background:var(--fg-0);color:#fff}.pp-link-dark:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px #10142680}.pp-link-teal{color:var(--teal-deep);background:#fff;border:1px solid #14b8a666;font-weight:600}.pp-link-teal:hover{background:#14b8a614}.pp-link-light{color:var(--fg-0);background:#fff;border:1px solid #10142626;font-weight:500}.pp-link-light:hover{border-color:var(--pp-tag-bd)}.pp-browser{border:1px solid var(--line-strong);box-shadow:0 30px 64px -26px var(--pp-sh);background:#fff;border-radius:18px;position:relative;overflow:hidden;transform:rotate(-1deg)}.pp-browser-bar{background:#f6f8fc;border-bottom:1px solid #10142612;align-items:center;gap:6px;padding:10px 13px;display:flex}.pp-browser-bar i{border-radius:50%;width:9px;height:9px}.pp-browser-bar i:first-child{background:#ff5f57}.pp-browser-bar i:nth-child(2){background:#febc2e}.pp-browser-bar i:nth-child(3){background:#28c840}.pp-browser-url{font-family:var(--font-mono);color:var(--fg-2);background:#fff;border:1px solid #10142614;border-radius:7px;margin-left:8px;padding:4px 12px;font-size:10px}.pp-browser-shot{width:100%;height:auto;display:block}.pp-placeholder{background:linear-gradient(160deg,#14b8a61a,#1da1f20d);align-content:start;gap:14px;min-height:300px;padding:24px;display:grid}.pp-ph-head{justify-content:space-between;align-items:center;display:flex}.pp-ph-mark{color:#fff;background:linear-gradient(135deg,#14b8a6,#1da1f2);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex;box-shadow:0 10px 22px -8px #14b8a699}.pp-ph-pdf{font-family:var(--font-mono);letter-spacing:.08em;color:var(--teal-deep);background:#fff;border:1px solid #14b8a659;border-radius:7px;padding:5px 10px;font-size:10px}.pp-ph-rows{gap:10px;margin-top:4px;display:grid}.pp-ph-row{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex;box-shadow:0 8px 20px -16px #10142666}.pp-ph-bar{background:#1014261a;border-radius:999px;height:9px;display:block}.pp-ph-chip{font-family:var(--font-mono);color:var(--teal-deep);background:#14b8a61f;border:1px solid #14b8a64d;border-radius:6px;flex-shrink:0;padding:4px 9px;font-size:9.5px}.pp-ph-total{border-top:1px dashed var(--line-strong);justify-content:space-between;align-items:center;padding:12px 4px 0;display:flex}.pp-ph-strong{background:linear-gradient(90deg,#14b8a6,#1da1f2);border-radius:999px;width:70px;height:12px;display:block}.pp-phone{border:1px solid var(--line-strong);width:210px;box-shadow:0 30px 60px -24px var(--pp-sh);background:#fff;border-radius:28px;gap:8px;margin:0 auto;padding:10px 8px 8px;display:grid;position:relative;transform:rotate(1.6deg)}.pp-phone-notch{background:#1014261f;border-radius:999px;width:58px;height:6px;margin:0 auto}.pp-phone-shot{border:1px solid #10142612;border-radius:18px;width:100%;height:auto;display:block}@media (min-width:861px){.pp-reverse .pp-product-body{order:2}.pp-reverse .pp-product-media{order:1}.pp-reverse{--pp-glow:8% 6%}.pp-reverse .pp-browser{transform:rotate(1deg)}}.pp-ctaband{padding:24px 0 100px}.pp-ctaband-inner{isolation:isolate;text-align:center;background:linear-gradient(115deg,#1da1f2 0%,#7c5cf6 52%,#ec4899 110%);border-radius:32px;padding:60px 56px;position:relative;overflow:hidden;box-shadow:0 26px 60px -26px #7c5cf699}.pp-ctaband-inner:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 70%)}.pp-ctaband-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#ffffff26;border:1px solid #fff6;border-radius:999px;padding:6px 14px;font-size:11px;display:inline-flex}.pp-ctaband-title{letter-spacing:-.035em;color:#fff;max-width:640px;margin:18px auto 0;font-size:clamp(30px,4.4vw,50px);font-weight:600;line-height:1.06}.pp-ctaband-lead{color:#ffffffe6;max-width:520px;margin:16px auto 0;font-size:16.5px;line-height:1.6}.pp-ctaband-action{color:var(--fg-0);transition:transform .2s var(--ease), box-shadow .3s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-top:28px;padding:15px 28px;font-size:15.5px;font-weight:600;display:inline-flex;box-shadow:0 16px 34px -14px #10142680}.pp-ctaband-action:hover{transform:translateY(-2px);box-shadow:0 22px 44px -14px #10142699}.pp-ctaband-action .arrow{width:15px;height:15px}.pp-footer{border-top:1px solid var(--line);padding:52px 0 30px}.pp-foot-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:40px;display:flex}.pp-foot-brand p{color:var(--fg-2);max-width:280px;margin:12px 0 0;font-size:13.5px}.pp-foot-cols{flex-wrap:wrap;gap:60px;display:flex}.pp-foot-col{align-content:start;gap:8px;display:grid}.pp-foot-col h4{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);margin:0;font-size:12px;font-weight:500}.pp-foot-col a{color:var(--fg-1);transition:color .2s var(--ease);font-size:14px}.pp-foot-col a:hover{color:var(--violet-deep)}.pp-foot-bottom{border-top:1px solid #10142612;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;display:flex}.pp-foot-copy{color:var(--fg-2);font-size:13px}.pp-foot-motto{background:linear-gradient(90deg,#1da1f2,#7c5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:600}@media (max-width:860px){.pp-product{grid-template-columns:1fr;gap:30px;padding:34px}.pp-browser,.pp-phone{transform:none}}@media (max-width:560px){.pp-ctaband-inner{border-radius:24px;padding:40px 24px}.pp-ctaband{padding-bottom:72px}.pp-foot-cols{gap:32px 40px}}@media (max-width:480px){.pp-hero{padding:52px 0 32px}.pp-product{border-radius:24px;padding:26px}}.pp-reveal{opacity:0;filter:blur(6px);transition:opacity .8s var(--ease), transform .8s var(--ease), filter .8s var(--ease);transform:translateY(24px)}.pp-reveal.pp-in{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.pp-reveal{opacity:1;filter:none;transition:none;transform:none}.pp-browser,.pp-phone{transform:none}}.dark .pp-nav{background:#0c0f17b8;border-bottom-color:#ffffff14}.dark .pp-product{background:var(--bg-2)}.dark .pp-badge{background:#ffffff0d}.dark .pp-link-dark{background:var(--ink-surface);color:var(--ink-surface-fg)}.dark .pp-link-dark:hover{box-shadow:0 12px 26px -10px #0009}.dark .pp-link-teal,.dark .pp-link-light{background:var(--bg-2)}.dark .pp-link-light{border-color:var(--line-strong)}.dark .pp-browser{background:var(--bg-2)}.dark .pp-browser-bar{background:#0f131c;border-bottom-color:#ffffff14}.dark .pp-browser-url{background:#ffffff0d;border-color:#ffffff1a}.dark .pp-phone{background:var(--bg-2)}.dark .pp-phone-notch{background:#ffffff24}.dark .pp-phone-shot{border-color:#ffffff14}.dark .pp-ph-pdf{background:#ffffff0d}.dark .pp-ph-row{background:#ffffff0a}.dark .pp-ph-bar{background:#ffffff24}.dark .pp-ctaband-action{color:#101426}.dark .pp-foot-bottom{border-top-color:#ffffff14}