.pp-product-stage{background:radial-gradient(circle at 78% 14%,color-mix(in srgb,var(--pp-accent) 34%,transparent),transparent 30%),#101117;isolation:isolate;border:1px solid #ffffff24;align-items:center;min-height:clamp(300px,42vw,720px);display:flex;position:relative;overflow:hidden}.pp-product-stage:before{content:"";z-index:-1;border:1px solid #ffffff1f;position:absolute;inset:8% 6%;transform:rotate(-1.5deg)}.pp-screenshot-story{isolation:isolate;width:94%;margin:auto;position:relative}.pp-screenshot-story>img{object-fit:contain;object-position:center;background:#12131a;border:1px solid #ffffff2b;width:100%;height:auto;max-height:68vh;display:block;box-shadow:0 30px 90px #0009}.pp-stage-index{font:500 clamp(84px,12vw,190px)/1 var(--sans);color:#ffffff0a;z-index:-1;position:absolute;top:-4%;right:2%}.pp-proof-notes{z-index:4;gap:7px;max-width:min(360px,72%);display:grid;position:absolute;bottom:5%;left:3%}.pp-proof-notes span{color:#fff;box-shadow:4px 4px var(--pp-accent);font:600 8px/1.4 var(--mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090ce8;border:1px solid #ffffff2e;align-items:center;gap:10px;padding:9px 11px;display:flex}.pp-proof-notes span:nth-child(2){box-shadow:4px 4px var(--pp-highlight);margin-left:22px}.pp-proof-notes i{color:var(--pp-highlight);font-style:normal}.pp-motion-rail{gap:4px;display:flex;position:absolute;top:5%;right:3%}.pp-motion-rail i{background:#ffffff26;width:24px;height:4px}.pp-motion-rail i:first-child{background:var(--pp-highlight);animation:2.4s ease-in-out pp-rail}.pp-visual--step-2 .pp-screenshot-story{width:112%;margin-left:-8%}.pp-visual--step-3 .pp-product-stage{background:linear-gradient(140deg,#101117 0 70%,color-mix(in srgb,var(--pp-highlight) 72%,#101117) 70%)}.pp-visual--step-3 .pp-screenshot-story{width:88%;margin-left:8%}.pp-visual--dialer .pp-product-stage,.pp-visual--inbox .pp-product-stage{min-height:clamp(340px,46vw,760px)}.pp-visual--living .pp-product-stage{padding:clamp(28px,4vw,64px) 0}.pp-visual--living .pp-product-stage:before{inset:6% 4%}.pp-visual--living .pp-screenshot-story{width:min(94%,1100px);box-shadow:16px 16px color-mix(in srgb,var(--pp-accent) 64%,#000);margin:auto}.pp-visual--living .pp-screenshot-story>img{max-height:72vh;transform:none}.pp-visual--living .pp-proof-notes{display:none}.pp-focus-scan{z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 0 38%,color-mix(in srgb,var(--pp-highlight) 10%,transparent) 50%,transparent 62%) 120% 0/42% 100% no-repeat;position:absolute;inset:0;overflow:hidden}.pp-focus-scan:after{content:"";background:linear-gradient(#0000 68%,#09090c99);position:absolute;inset:0}.pp-focus-scan i{background:linear-gradient(90deg,transparent,var(--pp-highlight),transparent);opacity:.7;height:1px;position:absolute;top:12%;left:4%;right:4%}.pp-state-strip{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09090ce8;border:1px solid #ffffff38;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:3%;left:3%;right:3%}.pp-state-strip li{color:#ffffff6f;min-width:0;font:600 7px/1.3 var(--mono);flex:1;align-items:center;gap:7px;padding:10px 9px;display:flex;position:relative}.pp-state-strip li:not(:last-child):after{content:"→";color:var(--pp-highlight);position:absolute;right:-3px}.pp-state-strip li i{background:var(--pp-highlight);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pp-highlight) 16%,transparent);border-radius:50%;flex:0 0 7px}.pp-state-strip li:last-child{color:#fff;background:color-mix(in srgb,var(--pp-accent) 26%,transparent)}.pp-live-state{z-index:3;color:#fff;font:7px var(--mono);background:#09090cdd;border:1px solid #ffffff2d;align-items:center;gap:7px;padding:8px 10px;display:flex;position:absolute;top:3%;right:3%}.pp-live-state i{background:var(--pp-highlight);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pp-highlight) 18%,transparent);border-radius:50%}.pp-visual--mock .pp-product-stage{background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--pp-accent) 26%,transparent),transparent 34%),#101117;min-height:0;padding:clamp(34px,4vw,58px) 0}.pp-visual--mock .pp-product-stage:before,.pp-visual--mock .pp-stage-index,.pp-visual--mock .pp-motion-rail,.pp-visual--mock .pp-focus-scan,.pp-visual--mock .pp-proof-notes{display:none}.pp-visual--mock .pp-screenshot-story,.pp-visual--mock.pp-visual--step-2 .pp-screenshot-story,.pp-visual--mock.pp-visual--step-3 .pp-screenshot-story{width:min(90%,940px);box-shadow:none;margin:auto}@media (prefers-reduced-motion:no-preference){.pp-visual--mock .pm{animation:.8s cubic-bezier(.2,.8,.2,1) both pp-screen-enter}}@media (max-width:600px){.pp-visual--mock .pp-product-stage{padding:26px 0}.pp-visual--mock .pp-screenshot-story,.pp-visual--mock.pp-visual--step-2 .pp-screenshot-story,.pp-visual--mock.pp-visual--step-3 .pp-screenshot-story{width:92%}}@keyframes pp-screen-enter{0%{opacity:.35;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes pp-scan-once{0%{background-position:120% 0}to{background-position:-70% 0}}@keyframes pp-state-in{0%{opacity:.32;filter:saturate(.3)}45%,to{opacity:1;filter:none}}@keyframes pp-rail{50%{width:42px}}@media (prefers-reduced-motion:no-preference){.pp-visual--living .pp-screenshot-story>img{animation:.8s cubic-bezier(.2,.8,.2,1) both pp-screen-enter}.pp-focus-scan{animation:2.8s ease-out .35s both pp-scan-once}.pp-state-strip li{animation:pp-state-in .7s calc(.6s + var(--pp-state) * .38s) ease both}}@media (max-width:900px){.pp-product-stage{min-height:56vw}.pp-proof-notes{max-width:74%}.pp-state-strip li{padding:8px 6px}}@media (max-width:600px){.pp-product-stage{min-height:70vw}.pp-screenshot-story,.pp-visual--step-2 .pp-screenshot-story,.pp-visual--step-3 .pp-screenshot-story{width:108%;margin-left:-4%}.pp-proof-notes{max-width:none;bottom:10px;left:10px!important;right:10px!important}.pp-proof-notes span{font-size:7px}.pp-proof-notes span:nth-child(2){display:none}.pp-stage-index{font-size:26vw}.pp-visual--living .pp-product-stage{min-height:82vw;padding:22px 0 64px}.pp-visual--living .pp-screenshot-story{width:108%;box-shadow:8px 8px color-mix(in srgb,var(--pp-accent) 64%,#000);margin-left:-4%}.pp-state-strip{grid-template-columns:repeat(2,1fr);display:grid;bottom:-52px;left:4%;right:4%}.pp-state-strip li{min-height:34px}.pp-state-strip li:not(:last-child):after{display:none}.pp-live-state{padding:6px;top:2%;right:2%}.pp-motion-rail{display:none}}@media (prefers-reduced-motion:reduce){.pp-motion-rail i:first-child{animation:none}}
.product-proof{--pp-accent:var(--bp-blue,#3151ff);--pp-highlight:var(--bp-acid,#c9ff21);color:#09090c;font-family:var(--sans,"Sora",sans-serif);background:#f0ede5;border-top:1px solid #09090c}.product-proof--dialer{--pp-accent:#ff6b35;--pp-highlight:#c9ff21}.product-proof--email{--pp-accent:#3151ff;--pp-highlight:#ff8bad}.product-proof--linkedin{--pp-accent:#3151ff;--pp-highlight:#c9ff21}.product-proof--inbox{--pp-accent:#7449ce;--pp-highlight:#c9ff21}.product-proof--signals{--pp-accent:#ff6b35;--pp-highlight:#c9ff21}.product-proof--analytics{--pp-accent:#3151ff;--pp-highlight:#ff8bad}.product-proof--crm{--pp-accent:#7449ce;--pp-highlight:#c9ff21}.pp-intro{background:linear-gradient(90deg,transparent 0 66%,var(--pp-highlight) 66%);border-bottom:1px solid #09090c;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-content:center;column-gap:8vw;min-height:64vh;padding:clamp(100px,10vw,160px) clamp(20px,4vw,64px);display:grid}.pp-label{font:700 10px/1.4 var(--mono,"Space Mono",monospace);letter-spacing:.12em}.pp-intro h2{letter-spacing:-.065em;grid-column:1;max-width:1100px;margin:32px 0 0;font-size:clamp(54px,7vw,112px);font-weight:500;line-height:.88}.pp-intro>p:last-child{color:#fff;max-width:470px;box-shadow:10px 10px var(--pp-accent);background:#09090c;grid-area:1/2/3;align-self:end;margin:0;padding:28px;font-size:clamp(15px,1.3vw,20px);line-height:1.6}.pp-chapter{border-bottom:1px solid #09090c;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);min-height:88vh;display:grid}.pp-chapter--wide .pp-visual{padding-inline:clamp(24px,4vw,72px)}.pp-copy{flex-direction:column;justify-content:center;padding:clamp(82px,8vw,140px) clamp(22px,4vw,64px);display:flex;position:relative}.pp-index{font:500 clamp(60px,8vw,140px)/1 var(--sans);color:#09090c14;position:absolute;top:30px;right:34px}.pp-copy h3{letter-spacing:-.055em;margin:26px 0;font-size:clamp(38px,4vw,68px);font-weight:500;line-height:.95}.pp-copy>p:not(.pp-label){max-width:620px;font-size:clamp(14px,1.15vw,18px);line-height:1.65}.pp-copy ul{border-top:1px solid;margin:42px 0 0;padding:0;list-style:none}.pp-copy li{font:600 12px/1.5 var(--mono);border-bottom:1px solid;padding:18px 8px 18px 30px;position:relative}.pp-copy li:before{content:"↳";color:var(--pp-accent);position:absolute;left:0}.pp-copy a{background:var(--pp-accent);width:max-content;max-width:100%;font:700 11px/1 var(--mono);border:1px solid #09090c;align-items:center;gap:22px;margin-top:38px;padding:15px 18px;display:flex;box-shadow:6px 6px #09090c;color:#fff!important}.pp-copy a span{color:var(--pp-highlight)}.pp-visual{background:#09090c;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:clamp(22px,3vw,54px);display:flex}.pp-window-bar{color:#fff;background:#1b1b22;border:1px solid #ffffff24;border-bottom:0;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}.pp-window-bar i{background:#fff3;border-radius:50%;width:7px;height:7px}.pp-window-bar i:first-child{background:var(--pp-highlight)}.pp-window-bar span{font:500 8px var(--mono);letter-spacing:.12em;color:#ffffff90;margin-left:auto}.pp-window-bar b{color:var(--pp-highlight);font:500 8px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;border-left:1px solid #ffffff35;padding-left:12px}.pp-visual img{object-fit:contain;object-position:center;background:#12131a;border:1px solid #ffffff24;width:100%;height:auto;max-height:72vh}.pp-visual figcaption{color:#ffffff9c;font:500 9px/1.6 var(--mono);max-width:700px;padding:15px 0 0}.pp-chapter--split{background:var(--pp-highlight);grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.pp-chapter--split .pp-copy{order:2}.pp-chapter--split .pp-visual{background:var(--pp-accent);order:1}.pp-chapter--split .pp-window-bar{background:#09090c}.pp-chapter--rail{background:var(--pp-accent);color:#fff;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr)}.pp-chapter--rail .pp-copy{border-right:1px solid #fff5}.pp-chapter--rail .pp-index{color:#ffffff18}.pp-chapter--rail .pp-copy ul,.pp-chapter--rail .pp-copy li{border-color:#fff5}.pp-chapter--rail .pp-copy li:before{color:var(--pp-highlight)}.pp-chapter--rail .pp-copy a{background:var(--pp-highlight);color:#09090c!important}.pp-chapter--rail .pp-copy a span{color:#09090c}.pp-chapter--rail .pp-visual{background:linear-gradient(135deg,#09090c 0 72%,var(--pp-highlight) 72%)}@media (hover:hover){.pp-copy a:hover{transform:translate(-2px,-2px);box-shadow:9px 9px #09090c}}@media (max-width:900px){.pp-intro{background:linear-gradient(180deg,transparent 0 78%,var(--pp-highlight) 78%);grid-template-columns:1fr;min-height:auto}.pp-intro h2,.pp-intro>p:last-child{grid-area:auto/1}.pp-intro>p:last-child{margin-top:54px}.pp-chapter,.pp-chapter--split,.pp-chapter--rail{grid-template-columns:1fr;min-height:auto}.pp-chapter--split .pp-copy,.pp-chapter--split .pp-visual{order:initial}.pp-copy{min-height:70vh}.pp-visual{min-height:56vw}.pp-chapter--rail .pp-copy{border-bottom:1px solid #fff5;border-right:0}}@media (max-width:600px){.pp-intro,.pp-copy{padding:82px 17px}.pp-intro h2{font-size:16vw}.pp-intro>p:last-child{box-shadow:7px 7px var(--pp-accent);font-size:14px}.pp-copy{min-height:auto}.pp-copy h3{font-size:12.5vw}.pp-copy li{font-size:11px}.pp-visual{min-height:auto;padding:17px}.pp-visual img{max-height:none}.pp-window-bar span{display:none}.pp-window-bar b{margin-left:auto;font-size:7px}.pp-copy a{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.product-proof *{scroll-behavior:auto!important;transition-duration:.01ms!important}}