.pj-browser{display:block;overflow:hidden;border:1px solid var(--line);border-radius:14px;background-color:var(--surface);box-shadow:0 30px 60px -38px rgb(var(--ink-rgb) / .45)}.pj-browser-bar{display:flex;align-items:center;gap:5px;height:30px;padding-inline:12px;border-bottom:1px solid var(--line)}.pj-browser-bar i{flex:none;width:7px;height:7px;border-radius:50%;background-color:var(--surface-dim)}.pj-browser-bar em{min-width:0;margin-left:8px;overflow:hidden;font-family:var(--font-mono);font-size:10px;font-style:normal;color:#5f5e5e;white-space:nowrap;text-overflow:ellipsis}.pj-browser-bar em:after{content:attr(data-url)}.pj-browser-view{display:block;overflow:hidden;aspect-ratio:16 / 9.2;background-color:var(--surface-container)}.pj-browser-view picture{display:block}.pj-browser-view img{position:relative;top:-4%;display:block;width:100%;height:auto;max-width:none}.pj-phone{display:block;overflow:hidden;border:5px solid var(--ink);border-radius:24px;background-color:var(--ink);box-shadow:0 26px 50px -28px rgb(var(--ink-rgb) / .55)}.pj-phone picture,.pj-phone img{display:block;width:100%;height:auto}.pj-phone img{border-radius:18px}.pj-phones{position:relative;display:flex;justify-content:center;gap:clamp(.75rem,2vw,1.5rem);width:100%}.pj-phones .pj-phone{flex:0 1 44%;min-width:0;align-self:flex-start}.pj-phones .pj-phone-1{margin-top:12%}.pj-phones .pj-phone:only-child{flex-basis:56%}.pj-combo{position:relative;display:block;padding-right:7%;padding-bottom:6%}.pj-combo-phone{position:absolute;right:0;bottom:0;width:22%;min-width:76px}.pj-combo-phone .pj-phone{border-width:4px;border-radius:18px}.pj-combo-phone .pj-phone img{border-radius:13px}.pj-flow{display:block;padding:clamp(1.25rem,2.4vw,2rem);border-radius:18px;background-color:var(--ink);color:var(--surface)}.pj-flow-head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.9rem;margin-bottom:1.1rem;border-bottom:1px solid rgb(255 255 255 / .14);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b4b3af}.pj-flow-head span:last-child{color:var(--accent);text-align:right}.pj-flow-body{position:relative}.pj-flow-rail{position:absolute;top:0;left:5px;width:1px;background-color:#ffffff2e}.pj-flow-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--accent);transform:scaleY(0);transform-origin:top center}.pj-flow-signal{position:absolute;top:-4.5px;left:-4px;width:9px;height:9px;border-radius:50%;background-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .22)}.pj-flow-steps{display:flex;flex-direction:column;gap:.85rem;list-style:none}.pj-flow-step{display:flex;align-items:flex-start;gap:.9rem}.pj-flow-dot{flex:none;width:11px;height:11px;margin-top:.3rem;border:1px solid rgb(255 255 255 / .35);border-radius:50%;background-color:var(--ink);transition:background-color .3s ease,border-color .3s ease}.pj-flow-step.is-lit .pj-flow-dot{border-color:var(--accent);background-color:var(--accent)}.pj-flow-text{display:block;min-width:0;line-height:1.35}.pj-flow-text strong{display:block;font-family:var(--font-display);font-size:clamp(.95rem,1.2vw,1.05rem);font-weight:700;letter-spacing:-.01em;color:#b4b3af;transition:color .3s ease}.pj-flow-step.is-lit strong{color:var(--surface)}.pj-flow-text small{display:block;margin-top:.1rem;font-size:.8125rem;color:#b4b3af}.pj-matrix{display:block;padding:clamp(.75rem,1.6vw,1.25rem);border-radius:18px;background-color:var(--ink)}.pj-matrix-view,.pj-matrix-view picture,.pj-matrix-view img{display:block;width:100%;height:auto}.pj-matrix-view{overflow:hidden;border-radius:10px}.pj-matrix-note{display:block;padding:.75rem .25rem .1rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.pj-matrix-note:after{content:attr(data-note)}.pj-stack{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none}.pj-stack li{padding:.25rem .6rem;border:1px solid rgb(var(--ink-rgb) / .16);border-radius:9999px;font-family:var(--font-mono);font-size:11px;line-height:1.4}.pj-links{display:flex;flex-wrap:wrap;gap:.5rem}.pj-link{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;padding:.5rem 1.1rem;border:1px solid rgb(var(--ink-rgb) / .22);border-radius:9999px;font-size:.875rem;font-weight:500;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.pj-link:hover,.pj-link-strong{background-color:var(--ink);border-color:var(--ink);color:var(--surface)}.pj-link-strong:hover{background-color:rgb(var(--ink-rgb) / .82)}.pj-arrow{flex:none;width:.95em;height:.95em;transition:transform var(--dur-fast) var(--ease-reveal)}a:hover>.pj-arrow{transform:translate(2px,-2px)}.wp-chipbar{position:fixed;top:0;left:0;right:0;z-index:35;background-color:rgb(var(--bg-rgb) / .96);border-bottom:1px solid var(--line);transform:translateY(-100%);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}.wp-chipbar.is-active{visibility:visible;transform:translateY(var(--header-h));transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s}.header-hidden .wp-chipbar.is-active{transform:translateY(0)}.wp-chips{display:flex;gap:6px;overflow-x:auto;padding:10px var(--page-x);scrollbar-width:none;overscroll-behavior-x:contain}.wp-chips::-webkit-scrollbar{display:none}.wp-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:9999px;background-color:var(--surface);font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.wp-chip span{font-family:var(--font-mono);font-size:10px;color:#5f5e5e;transition:color .25s ease}.wp-chip.is-active{background-color:var(--ink);border-color:var(--ink);color:var(--surface)}.wp-chip.is-active span{color:var(--accent)}.wp-chipbar-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:var(--ink);transform:scaleX(0);transform-origin:left center}.wp-hero{position:relative;display:flex;width:100vw;min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));margin-left:calc(50% - 50vw);padding:var(--space-lg) var(--page-x) var(--space-xl);overflow:hidden}.wp-hero-inner{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:clamp(1.5rem,5svh,4rem)}.wp-title{font-family:var(--font-display);font-size:clamp(3.25rem,.6rem + 12.6vw,13rem);font-size:min(clamp(3.25rem,.6rem + 12.6vw,13rem),25svh);font-weight:700;line-height:.92;letter-spacing:-.055em;max-width:9.5em}.wp-hero-foot{display:grid;gap:1.75rem}.wp-lead{max-width:38rem;font-size:clamp(1.0625rem,.95rem + .5vw,1.375rem);line-height:1.5;color:#5f5e5e}.wp-hero-links{display:flex;flex-wrap:wrap;align-content:flex-end;gap:.5rem}.wp-hero-link{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem 1.1rem;border:1px solid var(--line);border-radius:9999px;background-color:var(--surface);font-size:.875rem;font-weight:500;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.wp-hero-link:hover{background-color:var(--ink);border-color:var(--ink);color:var(--surface)}.reel{position:relative;width:100vw;margin-left:calc(50% - 50vw);background-color:var(--ink);color:var(--surface)}.reel-stage{padding:4rem var(--page-x)}.reel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:center;gap:1.5rem}.reel-card{display:block}.reel-card .pj-browser{border-color:#ffffff1f;box-shadow:0 40px 90px -30px #000c}.reel-phones{display:flex;justify-content:center;gap:clamp(.75rem,2vw,1.5rem)}.reel-phones .pj-phone{flex:0 0 min(42vw,30vh);flex:0 0 min(42vw,30svh);border-color:#2a2a2a;box-shadow:0 40px 90px -30px #000c}.reel-phones .pj-phone+.pj-phone{margin-top:8%}.reel-names,.reel-foot{display:none}.reel.is-scene{height:450vh;background-color:transparent}.reel.is-scene .reel-stage{position:sticky;top:0;height:100vh;height:100svh;padding:0;overflow:hidden;border-radius:2rem;background-color:var(--ink)}.reel.is-scene .reel-names{position:absolute;top:calc(var(--header-h) + clamp(.25rem,1.5svh,1rem));left:var(--page-x);right:var(--page-x);display:grid}.reel-name{grid-area:1 / 1;overflow:hidden;overflow:clip;padding-bottom:.12em;font-family:var(--font-display);font-size:min(10vw,17svh);font-weight:700;line-height:1;letter-spacing:-.05em;white-space:nowrap}.reel-name span,.reel-meta span{display:block}.reel.is-scene .reel-cards{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.reel.is-scene .reel-card{position:absolute;top:58%;left:50%;will-change:transform,opacity}.reel.is-scene .reel-card-browser{width:min(68vw,110svh,1120px)}.reel.is-scene .reel-foot{position:absolute;left:var(--page-x);right:var(--page-x);bottom:clamp(1rem,3svh,2rem);display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem)}.reel-metas{display:grid;flex:none}.reel-meta{grid-area:1 / 1;overflow:hidden;overflow:clip;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--surface-dim)}.reel-progress{position:relative;flex:1;height:1px;overflow:hidden;background-color:#ffffff2e}.reel-progress i{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--accent);transform:scaleX(0);transform-origin:left center}@media (max-width: 767px){.reel.is-scene{height:400vh}.reel.is-scene .reel-card{top:55%}.reel.is-scene .reel-card-browser{width:90vw}.reel-card-browser .pj-browser-view{aspect-ratio:1 / 1.12}.reel-card-browser .pj-browser-view img{top:0;width:auto;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top}.reel-name{font-size:14vw}.reel-phones .pj-phone{flex-basis:min(42vw,26svh)}}.wp-list{padding-inline:var(--margin-mobile)}.pj-chapter,.pj-card,.pj-row{scroll-margin-top:calc(var(--header-h) + 3.75rem)}.pj-chapter{padding-block:clamp(3.5rem,8vw,7.5rem)}.pj-chapter-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1.5rem;align-items:end;padding-bottom:clamp(1.25rem,2.5vw,2rem);margin-bottom:clamp(2.5rem,6vw,5.5rem);border-bottom:1px solid var(--line)}.pj-chapter-num{grid-column:1 / -1;display:block;font-family:var(--font-display);font-size:clamp(4.5rem,2rem + 13vw,14rem);font-weight:700;line-height:.8;letter-spacing:-.06em;color:var(--surface-dim)}.pj-chapter-num:before{content:attr(data-n)}.pj-chapter-title{font-family:var(--font-display);font-size:clamp(2.25rem,1.2rem + 4vw,5rem);font-weight:700;line-height:1;letter-spacing:-.04em}.pj-chapter-line{max-width:36rem;margin-top:.75rem;font-size:clamp(.9375rem,.88rem + .3vw,1.125rem);line-height:1.5;color:#5f5e5e}.pj-chapter-count{padding-bottom:.3rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5f5e5e;white-space:nowrap}.pj-cards{display:flex;flex-direction:column;gap:clamp(3.5rem,8vw,8rem)}.pj-card{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.pj-visual{display:block;min-width:0}a.pj-visual .pj-browser{transition:transform .6s var(--ease-reveal)}a.pj-visual:hover .pj-browser{transform:translateY(-4px)}.pj-meta{min-width:0}.pj-kinds{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5f5e5e}.pj-status{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .55rem;border:1px solid var(--line);border-radius:9999px;background-color:var(--surface);color:var(--ink)}.pj-status:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--surface-dim)}.pj-status.is-live:before{background-color:#7ea900}.pj-name{margin-top:.9rem;font-family:var(--font-display);font-size:clamp(1.875rem,1.3rem + 2vw,3.25rem);font-weight:700;line-height:1.02;letter-spacing:-.035em}.pj-text{margin-block:.8rem 1.1rem;font-size:clamp(.9375rem,.9rem + .2vw,1.0625rem);line-height:1.6;color:#5f5e5e}.pj-meta .pj-links{margin-top:1.25rem}.pj-note{margin-top:.75rem;font-size:.8125rem;line-height:1.5;color:#5f5e5e}@media (max-width: 379px){.pj-chapter-head{grid-template-columns:minmax(0,1fr)}}.pj-cards-tall{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem 1.25rem}.pj-card-tall .pj-visual{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:1.75rem 1.5rem 0;border-radius:18px;background-color:var(--surface-container);aspect-ratio:1 / 1.05}.pj-card-tall .pj-phones{align-self:flex-start}.pj-card-tall .pj-name{font-size:clamp(1.625rem,1.3rem + 1vw,2.25rem)}.pj-card-tall .pj-text{font-size:.9375rem}.pj-rows{margin-top:clamp(3rem,7vw,6rem);border-top:1px solid var(--line);list-style:none}.pj-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;padding-block:1.25rem;border-bottom:1px solid var(--line)}.pj-row-name{font-family:var(--font-display);font-size:clamp(1.125rem,1rem + .5vw,1.5rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;transition:transform .45s var(--ease-reveal)}.pj-row:hover .pj-row-name{transform:translate(6px)}.pj-row-text{grid-column:1 / -1;grid-row:2;font-size:.9375rem;line-height:1.55;color:#5f5e5e}.pj-row-stack{grid-column:1 / -1;grid-row:3;margin-top:.2rem;font-family:var(--font-mono);font-size:11px;line-height:1.5;color:#5f5e5e}.pj-row-links{grid-column:2;grid-row:1;display:flex;align-items:flex-start;gap:.25rem}.pj-row-link{display:inline-flex;align-items:center;gap:.2rem;min-height:2.25rem;padding:.25rem .65rem;border:1px solid rgb(var(--ink-rgb) / .16);border-radius:9999px;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.pj-row-link:hover{background-color:var(--ink);border-color:var(--ink);color:var(--surface)}.pj-row-tag{padding-top:.45rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:#5f5e5e;white-space:nowrap}.wp-preview{position:fixed;top:0;left:0;z-index:30;display:none;width:clamp(240px,22vw,340px);overflow:hidden;border:1px solid var(--line);border-radius:12px;background-color:var(--surface-container);box-shadow:0 30px 60px -28px rgb(var(--ink-rgb) / .5);aspect-ratio:16 / 10;pointer-events:none;visibility:hidden;opacity:0}.wp-preview img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}@media (hover: hover) and (pointer: fine){.wp-preview{display:block}}@media (min-width: 640px){.pj-cards-tall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.wp-list{padding-inline:var(--margin)}.pj-chapter-head{grid-template-columns:minmax(0,2fr) minmax(0,8fr) auto;-moz-column-gap:var(--gutter);column-gap:var(--gutter)}.pj-chapter-num{grid-column:auto;font-size:clamp(3.5rem,1rem + 6.4vw,8rem)}.pj-row{grid-template-columns:minmax(0,3.5fr) minmax(0,6fr) auto;gap:.3rem var(--gutter);align-items:baseline}.pj-row-text{grid-column:2;grid-row:1}.pj-row-stack{grid-column:2;grid-row:2}.pj-row-links{grid-column:3;grid-row:1;min-width:8.5rem;justify-content:flex-end}}@media (min-width: 1024px){.wp-hero-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--gutter)}.wp-hero-links{justify-content:flex-end}.pj-card:not(.pj-card-tall){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));-moz-column-gap:var(--gutter);column-gap:var(--gutter);align-items:center}.pj-card:not(.pj-card-tall) .pj-visual{grid-column:1 / span 7;grid-row:1}.pj-card:not(.pj-card-tall) .pj-meta{grid-column:9 / span 4;grid-row:1}.pj-card-flip:not(.pj-card-tall) .pj-visual{grid-column:6 / span 7}.pj-card-flip:not(.pj-card-tall) .pj-meta{grid-column:1 / span 4}.pj-row-text{max-width:44rem}}@media (min-width: 1200px){.pj-cards-tall{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.pj-cards-tall .pj-card-tall:nth-child(2n){margin-top:4rem}}