.pay-flow{--pf-cycle:18s;--pf-step:3.6s}.pf-body{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);display:grid}.pf-stage{aspect-ratio:16/10;border:var(--border-heavy);background-color:var(--surface-quiet);background-image:radial-gradient(color-mix(in srgb, var(--line) 50%, transparent) .8px, transparent .8px);box-shadow:var(--shadow-hard);background-size:18px 18px;border-radius:16px;padding:clamp(10px,3%,28px);font-size:clamp(.62rem,1.9cqw,1rem);line-height:1.35;position:relative;container-type:inline-size}.pf-win{border:2px solid var(--ink);background:var(--white);height:100%;box-shadow:var(--shadow-hard-sm);border-radius:12px;display:flex;overflow:hidden}.pf-side{background:var(--surface-quiet);flex-direction:column;gap:6px;width:16%;padding:10px 7px;display:flex}.pf-side p{gap:4px;margin:0;display:flex}.pf-side i{background:var(--line);border-radius:3px;height:6px}.pf-lights{margin-bottom:8px!important}.pf-lights i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.pf-task{border-radius:5px;padding:5px}.pf-task i{width:80%}.pf-task-on{background:var(--white)}.pf-task-on i{background:var(--line-strong)}.pf-main{flex-direction:column;flex:1;min-width:0;display:flex}.pf-frames{flex:1;position:relative;overflow:hidden}.pf-composer{border:1px solid var(--line);border-radius:10px;justify-content:flex-end;margin:0 6% 10px;padding:5px;display:flex}.pf-composer i{background:var(--line-strong);border-radius:50%;width:12px;height:12px}.pf-frame{animation:pf-show var(--pf-cycle) cubic-bezier(.2, .7, .2, 1) infinite both;animation-delay:calc(var(--i) * var(--pf-step));flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:10px 6%;display:flex;position:absolute;inset:0}.pf-late{animation:pf-late var(--pf-cycle) cubic-bezier(.2, .7, .2, 1) infinite both;animation-delay:calc(var(--i) * var(--pf-step))}@keyframes pf-show{0%{opacity:0;transform:translateY(10px)}2.5%,18%{opacity:1;transform:none}20%,to{opacity:0;transform:none}}@keyframes pf-late{0%,8%{opacity:0;transform:translateY(6px)}10.5%,18%{opacity:1;transform:none}20%,to{opacity:0}}.pf-frame p{margin:0}.pf-msg{background:var(--surface-quiet);overflow-wrap:anywhere;border-radius:12px;align-self:flex-end;max-width:82%;padding:5px 12px}.pf-step{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.pf-step .mono{font-size:.92em}.pf-reply{max-width:92%}.pf-buy{border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow-hard-sm);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-weight:700;display:flex}.pf-ok{color:var(--blue)}.pf-warn{color:color-mix(in srgb, var(--amber) 50%, var(--ink));font-weight:700}.pf-card,.pf-dialog,.pf-cloud{border:2px solid var(--ink);background:var(--paper);border-radius:10px;width:100%;padding:8px 12px}.pf-dialog,.pf-cloud{background:var(--white);box-shadow:var(--shadow-hard-sm)}.pf-card-title{align-items:center;gap:8px;font-weight:800;display:flex;margin:0 0 6px!important}.pf-tag{border:2px solid var(--ink);border-radius:4px;flex:none;padding:1px 6px;font-size:.8em}.pf-free{background:var(--lime-soft)}.pf-tiers{gap:6px;margin:0;padding:0;list-style:none;display:flex}.pf-tiers li{border:1px solid var(--line);border-radius:6px;flex-direction:column;flex:1;gap:0;padding:4px 8px;display:flex}.pf-price{cursor:help;position:relative}.pf-price:after{content:attr(data-tip);z-index:2;border:1px solid var(--ink);background:var(--white);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.7rem;font-weight:500;line-height:1.3;transition:opacity .15s;position:absolute;bottom:calc(100% + 4px);left:0}.pf-tiers li:hover .pf-price:after{opacity:1}.pf-tiers li.pf-picked{border:2px solid var(--blue);background:var(--blue-soft)}.pf-note{color:var(--muted);font-size:.85em}.pf-actions{justify-content:space-between;align-items:center;gap:8px;display:flex;margin-top:6px!important}.pf-press{border:2px solid var(--ink);background:var(--blue);color:var(--white);border-radius:6px;padding:3px 12px;font-style:normal;font-weight:800}.pf-chip{border:2px solid var(--ink);background:var(--white);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pf-chip b{font-weight:800}.pf-cloud{flex-direction:column;align-items:center;gap:6px;display:flex}.pf-run{align-items:center;gap:8px;font-weight:700;display:flex}.pf-dots{gap:3px;display:inline-flex}.pf-dots i{background:var(--blue);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pf-dot}.pf-dots i:nth-child(2){animation-delay:.2s}.pf-dots i:nth-child(3){animation-delay:.4s}@keyframes pf-dot{0%,to{opacity:.25}50%{opacity:1}}.pf-steps{counter-reset:pf;gap:8px;margin:0;padding:0;list-style:none;display:grid}.pf-steps li{counter-increment:pf;border-left:3px solid var(--line);color:var(--muted);animation:pf-caption var(--pf-cycle) infinite both;animation-delay:calc(var(--i) * var(--pf-step));cursor:default;gap:10px;padding:10px 12px;display:flex}.pf-steps li:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.pf-steps li:before{content:counter(pf);font-family:var(--font-mono);font-weight:700}@keyframes pf-caption{0%,20%,to{border-left-color:var(--line);color:var(--muted);background:0 0}.5%,19.5%{border-left-color:var(--blue);background:var(--blue-soft);color:var(--ink)}}.pf-prompt{border:var(--border-heavy);background:var(--white);box-shadow:var(--shadow-hard-sm);border-radius:12px;margin-top:clamp(16px,3vw,28px)}.pf-prompt-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:8px 12px;font-weight:700;display:flex}.pf-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;font-size:.85rem;line-height:1.5;overflow-x:auto}.os-hero-links{flex-wrap:wrap;gap:12px 24px;display:flex}@media (width<=860px){.pf-body{grid-template-columns:1fr}}@media (width<=520px){.pf-stage{aspect-ratio:3/4;padding:8px;font-size:clamp(.62rem,3.2cqw,.9rem)}.pf-side{display:none}.pf-frame{padding:8px 4%}}@media (prefers-reduced-motion:reduce){.pf-stage{aspect-ratio:auto}.pf-frames{gap:10px;padding:10px;display:grid}.pf-frame{border:1px solid var(--line);border-radius:10px;padding:10px;position:static}.pf-steps li{color:var(--ink)}}