.hero{position:relative;isolation:isolate;color:#fff;background:radial-gradient(1100px 620px at 50% 18%,oklch(.34 .075 262) 0,oklch(.29 .065 262) 45%,transparent 80%),var(--pn-navy);padding-block:clamp(52px,8vw,100px) clamp(32px,4vw,56px)}.hero-clip{inset:0;overflow:hidden;pointer-events:none}.hero-clip,.hero:after{position:absolute;z-index:-1}.hero:after{content:"";left:0;right:0;bottom:0;height:clamp(110px,16vw,220px);background:#fff}.hero-rings{position:absolute;left:50%;top:-140px;width:1180px;height:1180px;margin-left:-590px;z-index:-1;pointer-events:none;opacity:.8}.hero-rings circle{fill:none}.hero-rings .r-a{stroke:oklch(.45 .055 262/.5);stroke-width:1}.hero-rings .r-b{stroke:oklch(.44 .05 262/.38);stroke-width:1;stroke-dasharray:3 9}.hero-rings g{transform-origin:590px 590px;animation:pg-rot 150s linear infinite}.hero-copy{display:grid;justify-items:center;text-align:center;gap:24px}.hero-mark{width:clamp(60px,7vw,84px);aspect-ratio:1;max-width:100%;background:var(--pn-mark) center/contain no-repeat;position:relative;animation:pg-rise 1.2s cubic-bezier(.16,.84,.32,1) both}.hero-mark:after{content:"";position:absolute;inset:-60%;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,transparent 30%,oklch(.68 .13 255/.16) 55%,transparent 85%);filter:blur(8px);animation:pg-glow 4.6s ease-in-out 1s infinite}.hero h1{font-size:clamp(44px,7.4vw,84px);font-weight:600;letter-spacing:-.045em;line-height:.98;color:var(--on-navy);animation:pg-rise 1.3s cubic-bezier(.16,.84,.32,1) .15s both}.hero h1 span{display:block;color:#fff}.hero-sub{font-size:clamp(17px,1.9vw,21px);line-height:1.5;color:var(--on-navy);max-width:40ch;animation:pg-rise 1.3s cubic-bezier(.16,.84,.32,1) .3s both}.hero-sub b{color:#fff;font-weight:550}.hero .hero-ctas{animation:pg-rise 1.3s cubic-bezier(.16,.84,.32,1) .45s both}.hero-app{margin-top:clamp(40px,6vw,72px);animation:pg-rise 1.4s cubic-bezier(.16,.84,.32,1) .55s both}.appbar .lg{width:96px;height:18px;background:var(--pn-logo) left center/contain no-repeat;flex:none}.appbar .where{padding-left:8px;border-left:1px solid var(--pn-card-border)}.appbar .sub{color:var(--pn-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.appwin{container:appwin/inline-size;background:var(--pn-canvas);border:1px solid var(--pn-card-border);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgb(16 24 40/.05),0 30px 70px -36px rgb(16 24 40/.45)}.hero .appwin{border-color:oklch(1 0 0/.14);box-shadow:0 0 0 1px oklch(.2 .05 262/.3),0 2px 6px rgb(16 24 40/.08),0 28px 56px -28px rgb(16 24 40/.3),0 64px 120px -64px rgb(16 24 40/.3)}.appwin-in{display:flex;min-width:0}.appwin .rail{display:none;width:220px;flex:0 0 220px;background:#fff;border-right:1px solid var(--pn-card-border);flex-direction:column;padding:20px 12px 14px}.appwin .rail-logo{height:30px;margin:2px 0 22px 8px;background:var(--pn-logo) left center/contain no-repeat}.appwin .rail-nav{display:flex;flex-direction:column;gap:2px;flex:1}.appwin .rail-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;font-size:14px;font-weight:500;color:var(--pn-body);letter-spacing:-.01em}.appwin .rail-item svg{width:17px;height:17px;flex:0 0 17px;opacity:.92}.appwin .rail-item.on{background:var(--pn-blue-tint);color:var(--pn-accent);font-weight:600}.appwin .rail-item .live{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--pn-green)}.appwin .rail-user{display:flex;align-items:center;gap:10px;padding:12px 8px 2px;border-top:1px solid var(--pn-hairline)}.appwin .rail-av{width:32px;height:32px;border-radius:50%;background:var(--pn-indigo-tint);color:var(--pn-indigo-ink);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:650;flex:none}.appwin .rail-nm{font-size:13px;font-weight:600;color:var(--pn-ink);line-height:1.25}.appwin .rail-ro{font-size:11.5px;color:var(--pn-muted)}.appwin-main{flex:1;min-width:0;padding:clamp(8px,2.2vw,22px)}.scene-host{container-type:inline-size;min-width:0}.pn-scene{font-size:16px;line-height:normal;text-align:left}@container appwin (min-width:980px){.appwin .rail{display:flex}}.appbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--pn-card-border);font-size:13px;font-weight:600;color:var(--pn-ink)}.appbar .mk{width:18px;height:18px;background:var(--pn-mark) center/contain no-repeat;filter:brightness(.35) saturate(1.4)}.appbar .where{color:var(--pn-accent)}.appbar .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:500 11.5px var(--pn-mono);color:var(--pn-green-ink)}.appbar .live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pn-green)}@container appwin (min-width:980px){.appbar{display:none}}.video-sec{padding-block:clamp(64px,9vw,112px)}.video-frame{position:relative;border-radius:18px;overflow:hidden;background:var(--pn-navy);aspect-ratio:16/9;max-width:100%;box-shadow:0 1px 2px rgb(16 24 40/.05),0 30px 70px -36px rgb(16 24 40/.45);border:1px solid var(--pn-card-border)}.video-frame video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:var(--pn-navy)}.video-play{position:absolute;left:0;right:0;bottom:9%;margin:0 auto;width:-moz-max-content;width:max-content;height:54px;padding:0 24px 0 18px;gap:10px;font:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;border-radius:999px;border:0;background:#fff;color:var(--pn-navy);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 50px -12px oklch(.12 .05 262/.8);transition:transform .15s ease}.video-frame.idle,.video-play{cursor:pointer}.video-play:hover{transform:translateY(-1px);background:oklch(.97 .01 258)}.video-play:focus-visible{outline:3px solid #fff;outline-offset:4px}.video-play svg{width:20px;height:20px}@media (max-width:560px){.video-play{height:42px;padding:0 18px 0 14px;font-size:14.5px;bottom:7%}.video-play svg{width:16px;height:16px}}.pipe{padding-block:clamp(64px,9vw,112px);background:#fff;border-bottom:1px solid var(--pn-card-border)}.pipe .sec-head{margin-bottom:clamp(28px,4vw,44px)}.steps-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:14px;border-top:1px solid var(--pn-card-border);border-bottom:1px solid var(--pn-card-border);margin-bottom:clamp(40px,6vw,72px)}.step-index{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 4px;min-width:0}.step-index a{display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 8px;border-radius:999px;text-decoration:none;font-size:13.5px;font-weight:550;color:var(--pn-body);white-space:nowrap}.step-index a:hover{background:var(--pn-canvas);color:var(--pn-ink)}.step-index .n{font:600 11.5px var(--pn-mono);color:var(--pn-accent);letter-spacing:.04em}.steps{display:grid;gap:clamp(48px,7vw,84px)}.step{display:grid;gap:clamp(20px,2.6vw,30px);min-width:0;scroll-margin-top:calc(var(--nav-h) + 24px)}.step+.step{padding-top:clamp(44px,6vw,76px);border-top:1px solid var(--pn-hairline)}.step-text{display:grid;gap:14px;align-content:start;min-width:0}.step-lead{display:grid;gap:12px}.step-tag{font:600 12.5px var(--pn-mono);color:var(--pn-accent);letter-spacing:.04em}.step-text h3{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--pn-ink)}.step-text p{color:var(--pn-body);font-size:17px;max-width:54ch;line-height:1.55}.facts{list-style:none;margin:0;padding:0;display:grid;gap:9px}.facts li{position:relative;padding-left:18px;font-size:15px;line-height:1.45;color:var(--pn-body);font-weight:500}.facts li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--pn-green)}.step-media{min-width:0}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pair-lbl{display:flex;align-items:center;gap:8px;margin:0 0 10px 4px;font-size:14px;font-weight:600;color:var(--pn-ink)}@media (max-width:1100px){.pair{grid-template-columns:1fr}.pair>div+div{margin-top:8px}}@media (min-width:861px){.step-text{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);-moz-column-gap:clamp(32px,4vw,64px);column-gap:clamp(32px,4vw,64px);align-items:end}.step-text .facts{padding-left:clamp(20px,2.5vw,32px);border-left:1px solid var(--pn-card-border);align-self:end}.step-text .cta-row{grid-column:2;padding-left:clamp(20px,2.5vw,32px)}}@media (min-width:1240px){.pipe[data-mode=beside] .wrap-steps{max-width:var(--page-wide)}.pipe[data-mode=beside] .step{grid-template-columns:280px minmax(0,1fr);-moz-column-gap:36px;column-gap:36px;align-items:start}.pipe[data-mode=beside] .step-text{grid-template-columns:1fr;position:sticky;top:calc(var(--nav-h) + 28px);gap:18px}.pipe[data-mode=beside] .step-text .facts{padding:18px 0 0;border-left:0;border-top:1px solid var(--pn-card-border)}.pipe[data-mode=beside] .step-text .cta-row{grid-column:auto;padding-left:0}.pipe[data-mode=beside] .step-text p{max-width:none;font-size:16.5px}.pipe[data-mode=beside] .pair{grid-template-columns:1fr;gap:28px}}@media (min-width:1360px){.pipe[data-mode=beside] .step{grid-template-columns:minmax(300px,360px) minmax(0,1fr);-moz-column-gap:clamp(36px,4vw,56px);column-gap:clamp(36px,4vw,56px)}}.compare{padding-block:clamp(64px,9vw,112px)}.tbl-wrap{max-width:860px;margin:0 auto;overflow-x:auto;background:#fff;border:1px solid var(--pn-card-border);border-radius:16px;box-shadow:var(--pn-shadow-card)}.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl .short{display:none}@media (max-width:560px){.tbl{font-size:14px}.tbl td,.tbl th{padding:11px 10px}.tbl td:first-child,.tbl th:first-child{padding-left:14px}.tbl td.c,.tbl th.c{width:24%}.tbl .full{display:none}.tbl .short{display:inline}}.tbl th{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pn-muted);text-align:left;padding:14px 18px;background:var(--pn-table-head);border-bottom:1px solid var(--pn-card-border)}.tbl th.pn{color:var(--pn-accent)}.tbl td{padding:13px 18px;border-bottom:1px solid var(--pn-hairline);color:var(--pn-ink);font-weight:500}.tbl tr:last-child td{border-bottom:0}.tbl td.c,.tbl th.c{text-align:center;width:28%}.tbl td.pn{background:oklch(.985 .008 258)}.tbl .pn-pill{font-size:12.5px}.pricing{padding-block:clamp(64px,9vw,112px);background:#fff;border-top:1px solid var(--pn-card-border)}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:920px;margin:0 auto}.plan{--pad:clamp(22px,3vw,32px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--pn-card-border);border-radius:22px;overflow:hidden;box-shadow:var(--pn-shadow-card);min-width:0}.plan.feature{border-color:oklch(.8 .06 260);box-shadow:0 1px 2px rgb(16 24 40/.05),0 24px 50px -30px oklch(.47 .16 260/.45)}.plan-top{display:grid;justify-items:start;gap:10px;padding:var(--pad);background:var(--pn-tile);border-bottom:1px solid var(--pn-card-border)}.plan.feature .plan-top{background:linear-gradient(180deg,var(--pn-blue-tint),oklch(.965 .012 258))}.plan-price{display:flex;align-items:baseline;gap:6px;margin-top:8px;color:var(--pn-ink);letter-spacing:-.045em;line-height:1}.plan-price .amt{font-size:clamp(50px,6vw,66px);font-weight:600;font-variant-numeric:tabular-nums}.plan-price .unit{font:550 clamp(17px,2vw,20px) var(--pn-mono);color:var(--pn-accent);letter-spacing:0}.plan-price.word .amt{font-size:clamp(40px,5vw,50px);letter-spacing:-.035em}.price-compare{margin-top:6px;padding-top:12px;border-top:1px solid oklch(.86 .03 258);width:100%;font-size:14.5px;font-weight:500;color:var(--pn-blue-ink);font-variant-numeric:tabular-nums}.plan-desc{color:var(--pn-secondary);font-size:15.5px}.plan-body{display:flex;flex-direction:column;flex:1;padding:var(--pad)}.inc{list-style:none;margin:0;padding:0;display:grid;gap:11px;flex:1;align-content:start}.inc li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--pn-body)}.inc svg{flex:none;width:18px;height:18px;margin-top:2px;padding:3px;border-radius:50%;background:var(--pn-green-tint);color:var(--pn-green-ink)}.rates{display:grid;gap:9px;margin-top:24px;padding:14px 16px;border-radius:12px;background:var(--pn-canvas);border:1px solid var(--pn-hairline)}.rates div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px}.rates span{color:var(--pn-secondary)}.rates b{font-weight:600;color:var(--pn-ink)}.rates b.mono{font-family:var(--pn-mono);font-weight:550}.plan .btn{width:100%;margin-top:20px}.plan small{display:block;text-align:center;margin-top:10px;font-size:12.5px;color:var(--pn-muted)}.plan-dots{display:none}@media (max-width:760px){.plans{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:4px 36px;margin-block:-4px -36px}.plans::-webkit-scrollbar{display:none}.plan{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.plan-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.plan-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--pn-card-border);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.plan-dots button.on{background:var(--pn-navy);transform:scale(1.25)}}@media (min-width:761px){.plans{grid-template-rows:auto 1fr}.plan{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.plan-top{align-content:start}}@media (prefers-reduced-motion:reduce){.hero *,.hero-rings g{animation:none!important}}.prices-updated{margin:22px 0 0;text-align:center;font-size:13px;color:var(--pn-muted)}