.pcl-card{border:1px solid color-mix(in srgb, var(--color-primary,#6d3bd7) 18%, var(--color-border,#e5e7eb));background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary,#6d3bd7) 5%, var(--color-surface,#fff)) 0%, var(--color-surface,#fff) 62%);border-radius:28px;padding:32px 28px 26px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0d,0 24px 70px #1511241a}@media (min-width:640px){.pcl-card{padding:40px 36px 32px}}.pcl-glow{background:radial-gradient(circle, color-mix(in srgb, var(--color-primary,#6d3bd7) 22%, transparent) 0%, transparent 68%);filter:blur(8px);pointer-events:none;border-radius:9999px;width:340px;height:340px;position:absolute;inset:-40% -10% auto auto}.pcl-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:relative}.pcl-head-text{max-width:44ch}.pcl-eyebrow{font-family:var(--font-mono,ui-monospace), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary,#6d3bd7);margin:0;font-size:.7rem;font-weight:600}.pcl-title{font-family:var(--font-display), "Space Grotesk", system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;color:var(--color-on-surface,#111827);margin:12px 0 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.14}.pcl-sub{text-wrap:pretty;color:var(--color-text-muted,#6b7280);margin:14px 0 0;font-size:.92rem;line-height:1.65}.pcl-loop-badge{border:1px solid color-mix(in srgb, var(--color-primary,#6d3bd7) 24%, transparent);background:color-mix(in srgb, var(--color-primary,#6d3bd7) 9%, transparent);letter-spacing:.03em;color:var(--color-primary,#6d3bd7);white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;padding:7px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.pcl-steps{grid-template-columns:1fr;gap:18px;margin:34px 0 0;padding:0;list-style:none;display:grid;position:relative}@media (min-width:640px){.pcl-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width:1100px){.pcl-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}.pcl-step{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);border-radius:18px;flex-direction:column;gap:10px;padding:18px 18px 20px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0a}@media (hover:hover){.pcl-step:hover{border-color:color-mix(in srgb, var(--color-primary,#6d3bd7) 34%, var(--color-border,#e5e7eb));transform:translateY(-3px);box-shadow:0 14px 34px #0f172a1c}}.pcl-step-top{align-items:center;gap:10px;display:flex}.pcl-icon{background:color-mix(in srgb, var(--color-primary,#6d3bd7) 12%, transparent);width:42px;height:42px;color:var(--color-primary,#6d3bd7);border-radius:13px;flex:none;justify-content:center;align-items:center;display:inline-flex}.pcl-connector,.pcl-return{height:1px;color:color-mix(in srgb, var(--color-primary,#6d3bd7) 55%, transparent);flex:auto;justify-content:center;align-items:center;display:inline-flex}.pcl-connector{min-width:18px;position:relative}.pcl-connector:before{content:"";border-top:2px dotted color-mix(in srgb, var(--color-primary,#6d3bd7) 40%, transparent);position:absolute;inset:0}.pcl-connector svg{background:var(--color-surface,#fff);padding:0 4px;position:relative}.pcl-return{min-width:18px;position:relative}.pcl-return:before{content:"";border-top:2px dashed color-mix(in srgb, var(--color-primary,#6d3bd7) 40%, transparent);position:absolute;inset:0}.pcl-return svg{background:var(--color-surface,#fff);padding:0 4px;position:relative}.pcl-index{font-family:var(--font-mono,ui-monospace), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.14em;color:color-mix(in srgb, var(--color-primary,#6d3bd7) 80%, var(--color-text-muted,#9ca3af));font-size:.68rem;font-weight:700}.pcl-step-title{font-family:var(--font-display), "Space Grotesk", system-ui, sans-serif;letter-spacing:-.01em;color:var(--color-on-surface,#111827);margin:0;font-size:1.02rem;font-weight:700}.pcl-step-copy{color:var(--color-text-muted,#6b7280);margin:0;font-size:.84rem;line-height:1.6}.pcl-foot{border-top:1px solid var(--color-border,#e5e7eb);gap:16px;margin-top:28px;padding-top:20px;display:grid;position:relative}@media (min-width:640px){.pcl-foot{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.pcl-access{max-width:74ch;color:var(--color-text-muted,#9ca3af);margin:0;font-size:.78rem;line-height:1.6}.pcl-links{flex-direction:column;align-items:flex-start;gap:4px;display:flex}@media (min-width:640px){.pcl-links{align-items:flex-end}}.pcl-link{min-height:44px;color:var(--color-primary,#6d3bd7);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary,#6d3bd7) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--color-primary,#6d3bd7) 30%, transparent);text-underline-offset:4px;align-items:center;gap:8px;padding:8px 2px;font-size:.8rem;font-weight:600;transition:color .15s;display:inline-flex}.pcl-link:hover{color:var(--color-on-surface,#111827)}.pcl-link:focus-visible{outline:2px solid var(--color-primary,#6d3bd7);outline-offset:4px}.pcl-link-primary{font-size:.86rem}