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