.pj{--pj-ink:#15363f;--pj-teal:#087f8c;max-width:1280px;margin:0 auto;padding:90px 32px 32px;color:var(--pj-ink);font-family:Manrope,sans-serif}.pj *{box-sizing:border-box}.pj-heading{text-align:center;margin-bottom:52px}.pj-eyebrow{font-size:11px;letter-spacing:.2em;color:var(--pj-teal);font-weight:800}.pj-heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.16;letter-spacing:-.045em;margin:18px 0}.pj-heading h2 em{font-style:normal;color:var(--pj-teal)}.pj-heading p{font-size:15px;color:#6c8187}.pj-workspace{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.8fr);align-items:center;gap:35px;min-height:390px}.pj-story{padding:20px 0}.pj-counter{font-size:10px;letter-spacing:.15em;color:var(--pj-teal);font-weight:800}.pj-story h3{font-size:30px;line-height:1.25;letter-spacing:-.035em;margin:20px 0 14px;max-width:300px}.pj-description{font-size:14px;line-height:1.85;color:#647b83;min-height:104px;max-width:320px}.pj-controls{display:flex;gap:10px;margin-top:26px}.pj button{font:inherit;cursor:pointer}.pj-controls button{border:1px solid #cddde0;background:transparent;border-radius:9px;min-height:42px;padding:0 16px;color:var(--pj-ink);display:inline-flex;align-items:center;justify-content:center;gap:17px;font-size:12px;font-weight:700}.pj-controls button[data-pj-next]{background:var(--pj-ink);color:white;border-color:var(--pj-ink)}.pj-controls button:disabled{opacity:.3;cursor:default}.pj button:focus-visible{outline:3px solid #10a9b5;outline-offset:4px}.pj-controls svg{width:15px;height:15px}.pj-example{display:block;font-size:10px;color:#819399;margin-top:16px}.pj-scene{position:relative;min-width:0;height:390px;isolation:isolate}.pj-grid{position:absolute;inset:12px 0;background:radial-gradient(circle,#b6d0d5 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,#0006,transparent 70%);z-index:-1}.pj-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}.pj-lines path{fill:none;stroke:#c3d9dc;stroke-width:1.3}.pj-lines .pj-track{stroke:#0c9ca8;stroke-dasharray:4 7;opacity:.4}.pj-lines circle{fill:#0796a4;filter:drop-shadow(0 0 5px #42d1db)}.pj-source{position:absolute;left:1%;top:42%;display:grid;justify-items:center;gap:8px}.pj-source>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d7e5e7;border-radius:13px;background:#fff}.pj-source svg{width:21px;height:21px;color:#66868d}.pj-source small{font-size:8px;letter-spacing:.12em;color:#789097}.pj-source b{font-size:11px}.pj-hub{position:absolute;left:32%;top:32%;display:grid;justify-items:center;gap:12px}.pj-hub>div{background:#153c45;border-radius:24px;width:88px;height:88px;display:grid;place-items:center;box-shadow:0 12px 35px #0a42421a;position:relative}.pj-hub>div:before{content:'';position:absolute;inset:-10px;border:1px solid #1d9eaa35;border-radius:32px;animation:pj-breathe 4s ease-in-out infinite}.pj-hub img{filter:invert(83%) sepia(26%) saturate(854%) hue-rotate(125deg)}.pj-hub>span{font-size:8px;letter-spacing:.13em;font-weight:800}.pj-hub>small{font-size:9px;color:#759096}.pj-detail{position:absolute;right:0;top:16%;width:235px;max-width:43%;border:1px solid #d4e2e5;border-radius:15px;background:#fff;box-shadow:0 20px 45px -22px #15495245;overflow:hidden;animation:pj-arrive .45s ease}.pj-detail-top{display:flex;align-items:center;gap:7px;padding:12px;border-bottom:1px solid #edf2f3}.pj-detail-top>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e6f4f3;color:var(--pj-teal)}.pj-detail-top svg{width:15px;height:15px}.pj-detail-top small{font-size:10px;font-weight:800}.pj-detail-top>i{margin-left:auto;font-style:normal;font-size:6px;letter-spacing:.08em;color:#8c9da2}.pj-detail-body{padding:20px 17px 16px}.pj-detail-body>small{font-size:10px;color:#71868e}.pj-detail-body>strong{display:block;font-size:25px;letter-spacing:-.04em;margin:10px 0 18px}.pj-signal{display:flex;gap:5px;height:22px;align-items:center;margin:12px 0 22px}.pj-signal i{height:4px;flex:1;background:#dceeed;border-radius:4px}.pj-signal i:nth-child(-n+3){background:#32a4ad}.pj-status{display:flex;gap:5px;align-items:center;font-size:9px;padding-top:13px;border-top:1px dashed #dae7e9;color:var(--pj-teal)}.pj-status svg{height:13px;width:13px;flex-shrink:0}.pj-asset,.pj-fee{display:flex;align-items:center;gap:5px;font-size:9px;margin:12px 0 22px;color:#698089}.pj-asset>span{background:#21a382;color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.pj-asset b,.pj-fee b{margin-left:auto;font-size:8px;color:#365962}.pj-event{position:absolute;bottom:17%;right:6%;display:flex;gap:7px;align-items:center;background:#eaf5f3;padding:8px 12px;border-radius:30px}.pj-event>span{width:5px;height:5px;border-radius:50%;background:#159c87}.pj-event small{font-size:9px;color:#42756e}.pj-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;border-top:1px solid #dce5e6;padding-top:27px;margin-top:20px}.pj-progress button{border:0;background:none;text-align:left;padding:0;color:#82949a;position:relative}.pj-progress span{font-size:9px;letter-spacing:.08em;display:block;margin-bottom:7px}.pj-progress b{font-size:11px;font-weight:600;display:block}.pj-progress i{display:block;height:2px;background:#dde7e8;margin-top:17px;transition:background .3s}.pj-progress [aria-current=step]{color:var(--pj-teal)}.pj-progress [aria-current=step] b{font-weight:800}.pj-progress [aria-current=step] i,.pj-progress .pj-past i{background:var(--pj-teal)}.pj-footnote{text-align:center;color:#87999f;font-size:10px;line-height:1.7;max-width:680px;margin:25px auto 0}@keyframes pj-breathe{50%{transform:scale(1.08);opacity:.4}}@keyframes pj-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.pj[data-stage="3"] .pj-hub>div,.pj[data-stage="4"] .pj-hub>div{box-shadow:0 0 0 18px #1ba8ab08,0 0 0 38px #1ba8ab04}
@media(max-width:900px){.pj{padding:60px 24px 28px}.pj-workspace{grid-template-columns:1fr;gap:0}.pj-heading{margin-bottom:25px}.pj-story{display:grid;grid-template-columns:1fr auto;gap:10px 24px}.pj-counter,.pj-story h3,.pj-description{grid-column:1;max-width:520px;margin:0}.pj-story h3{font-size:27px;margin:7px 0}.pj-description{min-height:0}.pj-controls{grid-column:2;grid-row:2/4;align-self:center;margin:0}.pj-example{grid-column:1/-1;margin-top:0}.pj-scene{height:350px;max-width:720px;width:100%;margin:auto}.pj-progress{gap:10px}.pj-progress b{font-size:10px}}
@media(max-width:520px){.pj{padding:48px 16px 24px}.pj-heading h2{font-size:32px}.pj-heading p{font-size:12px}.pj-story{display:block}.pj-counter{font-size:9px}.pj-story h3{font-size:25px;margin:14px 0 10px}.pj-description{font-size:13px;line-height:1.7}.pj-controls{margin:18px 0 12px}.pj-scene{height:300px}.pj-source{left:0;top:43%;gap:6px}.pj-source>span{width:30px;height:30px;border-radius:9px}.pj-source svg{width:16px;height:16px}.pj-source small{font-size:6px}.pj-source b{font-size:8px}.pj-hub{left:25%;top:39%;gap:10px}.pj-hub>div{width:54px;height:54px;border-radius:16px}.pj-hub img{width:34px;height:34px}.pj-hub>div:before{inset:-6px;border-radius:22px}.pj-hub>span{font-size:5px}.pj-hub>small{display:none}.pj-detail{top:16%;max-width:48%;width:190px;border-radius:12px}.pj-detail-top{padding:9px 8px;gap:4px}.pj-detail-top small{font-size:8px}.pj-detail-top>i{display:none}.pj-detail-top>span{width:20px;height:20px}.pj-detail-body{padding:16px 10px 12px}.pj-detail-body>small{font-size:8px}.pj-detail-body>strong{font-size:20px;margin:10px 0 16px}.pj-status{font-size:8px}.pj-fee{display:block;font-size:8px}.pj-fee b{display:block;margin:5px 0}.pj-event{bottom:7%;right:0}.pj-progress{gap:6px;padding-top:18px;margin-top:0}.pj-progress b{font-size:8px}.pj-progress span{font-size:8px}.pj-progress i{margin-top:12px}.pj-footnote{font-size:9px}.pj-asset{font-size:8px;flex-wrap:wrap}.pj-asset b{font-size:7px}}
.pj-event{top:calc(16% + 290px);bottom:auto}.pj-detail-body{animation:pj-arrive .45s ease}.pj[data-stage="6"] .pj-detail{border-bottom:3px double #b9d5d8}.pj[data-stage="3"] .pj-status,.pj[data-stage="4"] .pj-status,.pj[data-stage="6"] .pj-status{color:#168269}.pj-status{line-height:1.5}.pj[data-stage="2"] .pj-signal i{animation:pj-breathe 1.5s ease-in-out infinite}.pj[data-stage="2"] .pj-signal i:nth-child(2){animation-delay:.2s}.pj[data-stage="2"] .pj-signal i:nth-child(3){animation-delay:.4s}
@media(min-width:521px) and (max-width:900px){.pj-scene{height:400px}}
@media(max-width:520px){.pj-scene{height:340px}.pj-event{top:auto;bottom:3%}.pj-detail{top:13%}.pj-detail-body>strong{font-size:clamp(17px,5vw,20px)}}
@media(prefers-reduced-motion:reduce){.pj *,.pj *:before{animation:none!important;transition:none!important}.pj-lines circle{display:none}}