.pflow{--pf-bg:color-mix(in oklab, var(--foreground) 90%, var(--primary));--pf-ink:var(--background);--pf-mute:color-mix(in oklab, var(--background) 62%, transparent);--pf-line:color-mix(in oklab, var(--background) 12%, transparent);--pf-card:color-mix(in oklab, var(--background) 6%, transparent);--pf-acc:color-mix(in oklab, var(--primary) 80%, var(--background));isolation:isolate;background:var(--pf-bg);color:var(--pf-ink);padding:clamp(3.5rem,8vw,6.5rem) 0;position:relative;overflow:hidden}.pflow-grid{z-index:-1;background-image:linear-gradient(var(--pf-line) 1px, transparent 1px), linear-gradient(90deg, var(--pf-line) 1px, transparent 1px);opacity:.55;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%)}.pflow-orb{z-index:-1;filter:blur(90px);pointer-events:none;border-radius:999px;position:absolute}.pflow-orb-a{background:color-mix(in oklab, var(--primary) 55%, transparent);width:520px;height:520px;animation:14s ease-in-out infinite pf-float;top:-140px;left:-160px}.pflow-orb-b{background:color-mix(in oklab, var(--primary) 35%, var(--background) 10%);opacity:.6;width:460px;height:460px;animation:18s ease-in-out infinite reverse pf-float;bottom:-160px;right:-140px}@keyframes pf-float{50%{transform:translate(60px,40px)scale(1.08)}}.pflow-inner{max-width:1420px;margin:0 auto;padding:0 1.25rem;position:relative}@media (width>=1024px){.pflow-inner{padding:0 2.5rem}}.pflow-head{max-width:860px}.pflow-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--pf-acc);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.72rem;font-weight:700;display:flex}.pflow-eyebrow span{background:var(--pf-acc);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 30%, transparent);border-radius:99px}.pflow-head h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--pf-ink);font-size:clamp(2rem,4.6vw,3.6rem);font-weight:600;line-height:1.04}.pflow-head h2 em{background:linear-gradient(90deg, var(--pf-acc), var(--pf-ink) 85%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;display:block}.pflow-lead{max-width:620px;color:var(--pf-mute);margin-top:1.1rem;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.6}.pflow-tabs{scrollbar-width:none;scroll-snap-type:x mandatory;gap:.5rem;margin:2.2rem 0 1.4rem;padding:0;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto}.pflow-tabs::-webkit-scrollbar{display:none}.pflow-tab{scroll-snap-align:start;border:1px solid var(--pf-line);background:var(--pf-card);color:var(--pf-mute);border-radius:999px;flex-shrink:0;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.pflow-tab:hover{color:var(--pf-ink);border-color:color-mix(in oklab, var(--background) 25%, transparent)}.pflow-tab[data-active=true]{background:var(--pf-ink);color:var(--foreground);border-color:#0000}.pflow-tab-n{font-family:var(--font-display);opacity:.6;font-size:.7rem}.pflow-tab-bar{background:var(--primary);transform-origin:0;width:100%;height:2px;animation:9s linear forwards pf-bar;position:absolute;bottom:0;left:0}@keyframes pf-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pflow-stage{border:1px solid var(--pf-line);background:linear-gradient(180deg, color-mix(in oklab, var(--background) 8%, transparent), color-mix(in oklab, var(--background) 2%, transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:clamp(1.25rem,3vw,2.25rem);animation:.6s cubic-bezier(.2,.8,.2,1) pf-in;position:relative}@keyframes pf-in{0%{opacity:0;transform:translateY(14px)}}.pflow-stage-top{gap:1rem;margin-bottom:2rem;display:grid}@media (width>=768px){.pflow-stage-top{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.pflow-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--pf-acc);font-size:.75rem;font-weight:700}.pflow-stage-top h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--pf-ink);max-width:720px;margin-top:.4rem;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:600;line-height:1.2}.pflow-metric{background:color-mix(in oklab, var(--primary) 22%, transparent);border:1px solid color-mix(in oklab, var(--primary) 45%, transparent);color:var(--pf-ink);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:.55rem;padding:.55rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.pflow-live{background:var(--success,oklch(75% .17 155));border-radius:99px;width:8px;height:8px;animation:1.6s ease-in-out infinite pf-blink}@keyframes pf-blink{50%{opacity:.3}}.pflow-rail{gap:.85rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.pflow-line{background:var(--pf-line);border-radius:2px;width:2px;position:absolute;top:26px;bottom:26px;left:25px;overflow:hidden}.pflow-pulse{background:linear-gradient(180deg, transparent, var(--pf-acc), transparent);width:100%;height:30%;animation:2.6s linear infinite pf-down;position:absolute;left:0}@keyframes pf-down{0%{top:-30%}to{top:100%}}.pflow-step{opacity:0;animation:.55s cubic-bezier(.2,.8,.2,1) forwards pf-step;animation-delay:calc(var(--i) * .14s + .1s);grid-template-columns:52px minmax(0,1fr);align-items:start;gap:.85rem;display:grid;position:relative}@keyframes pf-step{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.pflow-node{z-index:1;background:var(--pf-bg);border:1px solid color-mix(in oklab, var(--background) 22%, transparent);width:52px;height:52px;color:var(--pf-ink);border-radius:16px;place-items:center;display:grid;position:relative}.pflow-step[data-ai] .pflow-node{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.pflow-ring{border:1px solid color-mix(in oklab, var(--primary) 60%, transparent);opacity:0;animation:2.8s ease-out infinite pf-ring;animation-delay:calc(var(--i) * .45s);border-radius:20px;position:absolute;inset:-6px}@keyframes pf-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.pflow-card{background:var(--pf-card);border:1px solid var(--pf-line);border-radius:18px;flex-direction:column;gap:.3rem;min-width:0;padding:.9rem 1rem;transition:transform .3s,border-color .3s,background .3s;display:flex}.pflow-step:hover .pflow-card{border-color:color-mix(in oklab, var(--primary) 55%, transparent);background:color-mix(in oklab, var(--primary) 12%, transparent);transform:translateY(-3px)}.pflow-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pflow-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--pf-acc);font-size:.68rem;font-weight:700}.pflow-step[data-ai] .pflow-tag{background:color-mix(in oklab, var(--primary) 30%, transparent);color:var(--pf-ink);border-radius:99px;padding:.15rem .5rem;display:inline-flex}.pflow-time{font-family:var(--font-display);color:var(--pf-mute);font-variant-numeric:tabular-nums;font-size:.72rem}.pflow-card strong{color:var(--pf-ink);font-size:.98rem;font-weight:600;line-height:1.3}.pflow-detail{color:var(--pf-mute);font-size:.82rem;line-height:1.45}.pflow-done{color:var(--success,oklch(75% .17 155));opacity:0;animation:.4s forwards pf-fade;animation-delay:calc(var(--i) * .14s + .7s);align-items:center;gap:.3rem;margin-top:.35rem;font-size:.72rem;font-weight:600;display:inline-flex}@keyframes pf-fade{to{opacity:1}}@media (width>=1024px){.pflow-rail{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:1rem}.pflow-line{width:auto;height:2px;inset:25px 26px auto}.pflow-pulse{background:linear-gradient(90deg, transparent, var(--pf-acc), transparent);width:22%;height:100%;animation:3s linear infinite pf-right;top:0}@keyframes pf-right{0%{left:-22%}to{left:100%}}.pflow-step{grid-template-columns:1fr;gap:1rem}.pflow-card{min-height:168px}}.pflow-result{background:color-mix(in oklab, var(--primary) 18%, transparent);border:1px solid color-mix(in oklab, var(--primary) 40%, transparent);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;margin-top:1.5rem;padding:1rem;display:grid}.pflow-result-icon{background:var(--pf-ink);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.pflow-result span{text-transform:uppercase;letter-spacing:.06em;color:var(--pf-mute);font-size:.72rem;font-weight:700;display:block}.pflow-result strong{font-family:var(--font-display);color:var(--pf-ink);font-size:1.15rem;font-weight:600}.pflow-cta{background:var(--primary);color:var(--primary-foreground);border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.92rem;font-weight:600;transition:background .2s;display:inline-flex}.pflow-cta:hover{background:color-mix(in oklab, var(--primary) 85%, var(--foreground))}@media (width>=640px){.pflow-result{grid-template-columns:auto minmax(0,1fr) auto}.pflow-cta{grid-column:auto}}.pflow-foot{color:var(--pf-mute);text-align:center;margin-top:1.25rem;font-size:.82rem}@media (prefers-reduced-motion:reduce){.pflow *,.pflow{animation:none!important}.pflow-step,.pflow-done{opacity:1}}