.pfc{--pfc-purple:#7257f6;--pfc-purple-deep:#3b2d8e;--pfc-purple-soft:#f4f2ff;--pfc-pink:#f7b4e6;--pfc-ink:#1a1928;--pfc-ink-2:#403f4f;--pfc-muted:#6b6a7a;--pfc-line:#e5e3f0;--pfc-green-bg:#e7f5ec;--pfc-green:#1f7f4e;--pfc-amber-bg:#fff3e0;--pfc-amber:#a06312;--pfc-rose:#c24b8a;--pfc-paper-bg:#f2efe8;--pfc-paper-line:#d8d3c4;--pfc-paper-ink:#8a8470;--pfc-font:Inter, system-ui, -apple-system, sans-serif;font-family:var(--pfc-font);color:var(--pfc-ink)}.pfc-panel{background:linear-gradient(135deg,#f6f4fc 0%,#ece8ff 100%);border-radius:16px;align-items:stretch;width:100%;max-width:560px;margin:0 auto;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #7257f624;container-type:inline-size}.pfc-panel>*{flex:1;min-height:0}.pfc-app{background:#fff;border:1px solid #7257f626;border-radius:12px;flex-direction:column;width:100%;height:100%;font-size:clamp(15px,4cqw,28px);display:flex;overflow:hidden;box-shadow:0 6px 20px #3e2d8e1f}.pfc-app-top{border-bottom:1px solid #f0edf7;align-items:center;gap:6px;padding:clamp(10px,1.8cqw,18px) clamp(14px,2.4cqw,24px);display:flex}.pfc-app-top .pfc-dot{background:#e2def0;border-radius:50%;width:8px;height:8px}.pfc-app-top .pfc-title{color:var(--pfc-ink-2);letter-spacing:.02em;margin-left:6px;font-size:11px;font-weight:600}.pfc-app-body,.pfc-panel .app-body,.pfc-panel .app-mock{flex-direction:column;flex:1;justify-content:space-between;gap:clamp(10px,2.4cqw,22px);min-height:0;padding:clamp(14px,3cqw,28px) clamp(16px,3.5cqw,32px);display:flex;overflow:hidden}.pfc-panel .app-body>*,.pfc-panel .app-mock>*,.pfc-app-body>*{flex:none}.pfc-pill{letter-spacing:.3px;border-radius:4px;padding:2px 7px;font-size:.85em;font-weight:700;display:inline-block}.pfc-pill--purple{background:var(--pfc-purple-soft);color:var(--pfc-purple)}.pfc-pill--green{background:var(--pfc-green-bg);color:var(--pfc-green)}.pfc-pill--amber{background:var(--pfc-amber-bg);color:var(--pfc-amber)}.pfc-pill--solid{background:linear-gradient(135deg, var(--pfc-purple), var(--pfc-pink));color:#fff}.pfc-section-label{color:var(--pfc-purple);letter-spacing:1.2px;text-transform:uppercase;font-size:.85em;font-weight:700}.pfc-stat{background:var(--pfc-purple-soft);border-radius:6px;padding:8px 10px}.pfc-stat-label{color:var(--pfc-purple);letter-spacing:1px;text-transform:uppercase;font-size:.85em;font-weight:700}.pfc-stat-value{color:var(--pfc-purple-deep);margin-top:2px;font-size:2em;font-weight:800;line-height:1}.pfc-stat-sub{color:var(--pfc-muted);margin-top:3px;font-size:.9em}.pfc-stat-sub--ok{color:var(--pfc-green);font-weight:700}.pfc-progress{background:#f0edf7;border-radius:3px;flex:1;height:6px;overflow:hidden}.pfc-progress-fill{background:linear-gradient(90deg, var(--pfc-purple), var(--pfc-pink));height:100%}.pfc-hero{background:linear-gradient(135deg, var(--pfc-purple), var(--pfc-pink));color:#fff;border-radius:6px;padding:10px 12px}.pfc-row{border:1px solid var(--pfc-line);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.pfc-arrow{justify-content:center;align-items:center;display:flex}.pfc-root{--pfc-slot-height:60vh;--pfc-sticky-top:80px;background:#fff;padding:120px 0;position:relative}.pfc-container{max-width:1280px;margin:0 auto;padding:0 48px}.pfc-header{text-align:center;max-width:720px;margin:0 auto 80px}.pfc-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--pfc-purple);margin:0 0 12px;font-size:12px;font-weight:700}.pfc-header h2{letter-spacing:-.02em;color:var(--pfc-ink);margin:0 0 16px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1}.pfc-header p{color:var(--pfc-muted);margin:0;font-size:18px;line-height:1.5}.pfc-stage{grid-template-columns:minmax(380px,1fr) minmax(480px,1.2fr);align-items:start;gap:80px;display:grid}.pfc-labels{flex-direction:column;gap:0;padding:60px 0;display:flex}.pfc-page-header{border-top:1px solid var(--pfc-line);margin-top:32px;padding:32px 0 16px}.pfc-page-header:first-child{border-top:none;margin-top:0;padding-top:0}.pfc-page-kicker{letter-spacing:1.5px;color:var(--pfc-purple);text-transform:uppercase;margin:0 0 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700}.pfc-page-title{letter-spacing:-.01em;color:var(--pfc-ink);margin:0;font-size:24px;font-weight:700}.pfc-label{cursor:pointer;text-align:left;font:inherit;color:inherit;opacity:.4;background:0 0;border:none;grid-template-columns:44px 1fr;gap:16px;width:100%;padding:24px 0;transition:opacity .4s;display:grid}.pfc-label:hover{opacity:.7}.pfc-label[aria-current=true]{opacity:1}.pfc-label-n{color:var(--pfc-purple);letter-spacing:1.5px;padding-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.pfc-label-title{color:var(--pfc-ink);letter-spacing:-.005em;margin:0 0 6px;font-size:18px;font-weight:600;line-height:1.35;display:block}.pfc-label-sub{color:var(--pfc-muted);margin:0;font-size:14px;line-height:1.5;display:block}.pfc-sticky{top:var(--pfc-sticky-top);height:calc(100vh - var(--pfc-sticky-top) - 40px);justify-content:center;align-items:center;max-height:720px;display:flex;position:sticky}.pfc-sticky-inner{aspect-ratio:4/3;width:100%;max-height:100%;position:relative}.pfc-slide{opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:translateY(12px)}.pfc-slide[data-active=true]{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=960px){.pfc-root{padding:80px 0}.pfc-container{padding:0 24px}.pfc-stage{grid-template-columns:1fr;gap:40px}.pfc-sticky{order:-1;height:auto;position:static}.pfc-labels{padding:0}.pfc-label{padding:16px 0}}