:root{--pfc-font-sans:"Geist","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--pfc-font-mono:"SFMono-Regular","SF Mono","Geist Mono",ui-monospace,monospace;--pfc-color-brand:#007aff;--pfc-color-brand-elevated:#2690ff;--pfc-color-brand-elevated-hover:#1e86f0;--pfc-color-brand-strong:#005fcc;--pfc-color-brand-soft:#e8f2ff;--pfc-color-brand-alpha-18:#007aff2e;--pfc-color-brand-alpha-24:#007aff3d;--pfc-color-brand-alpha-28:#007aff47;--pfc-color-surface-page:#f5f5f7;--pfc-color-surface-card:#fff;--pfc-color-surface-muted:#fbfbfd;--pfc-color-surface-glass:#ffffffb8;--pfc-color-surface-overlay:#ffffffe0;--pfc-color-surface-glass-top:#ffffffad;--pfc-color-surface-glass-bottom:#ffffff85;--pfc-color-text-strong:#111827;--pfc-color-text:#374151;--pfc-color-text-soft:#4b5563;--pfc-color-text-inverse:#fff;--pfc-color-border-subtle:#0f172a14;--pfc-color-border:#0f172a1f;--pfc-color-border-strong:#0f172a29;--pfc-color-surface-ghost-hover:#0f172a0d;--pfc-color-success:#0f9f6e;--pfc-color-warning:#b7791f;--pfc-color-danger:#d14343;--pfc-font-size-display:clamp(2.75rem,5vw,4.5rem);--pfc-font-size-headline:clamp(2rem,3vw,3rem);--pfc-font-size-title:1.5rem;--pfc-font-size-subtitle:1.125rem;--pfc-font-size-body:1rem;--pfc-font-size-body-sm:.9375rem;--pfc-font-size-label:.8125rem;--pfc-line-height-display:1.02;--pfc-line-height-headline:1.08;--pfc-line-height-title:1.2;--pfc-line-height-body:1.7;--pfc-line-height-label:1.4;--pfc-letter-spacing-tight:-.04em;--pfc-letter-spacing-default:-.02em;--pfc-letter-spacing-eyebrow:.12em;--pfc-radius-sm:12px;--pfc-radius-md:18px;--pfc-radius-lg:24px;--pfc-radius-pill:999px;--pfc-shadow-sm:0 8px 24px #0f172a0f;--pfc-shadow-md:0 18px 48px #0f172a1a;--pfc-shadow-button-primary:0 14px 32px #007aff38;--pfc-shadow-button-primary-hover:0 18px 38px #005fcc3d;--pfc-shadow-focus:0 0 0 4px #007aff2e;--pfc-duration-fast:.18s;--pfc-duration-normal:.22s;--pfc-duration-slow:.26s;--pfc-ease-standard:cubic-bezier(.22,1,.36,1)}.dark{--pfc-color-surface-page:#0b1017;--pfc-color-surface-card:#101828e0;--pfc-color-surface-muted:#131d30d1;--pfc-color-surface-glass:#0f172aad;--pfc-color-surface-overlay:#0f172ae0;--pfc-color-surface-glass-top:#ffffff12;--pfc-color-surface-glass-bottom:#ffffff08;--pfc-color-text-strong:#f8fafc;--pfc-color-text:#d1d5db;--pfc-color-text-soft:#cbd5e1;--pfc-color-border-subtle:#ffffff14;--pfc-color-border:#ffffff1f;--pfc-color-border-strong:#ffffff29;--pfc-color-surface-ghost-hover:#ffffff14;--pfc-shadow-sm:0 12px 30px #02061752;--pfc-shadow-md:0 24px 60px #0206176b}.pfc-design-scope{color:var(--pfc-color-text);font-family:var(--pfc-font-sans)}.pfc-eyebrow{color:var(--pfc-color-brand-strong);font-size:var(--pfc-font-size-label);font-weight:600;line-height:var(--pfc-line-height-label);letter-spacing:var(--pfc-letter-spacing-eyebrow);text-transform:uppercase;margin:0}.pfc-section-heading{gap:.9rem;display:grid}.pfc-section-heading[data-align=center]{text-align:center;justify-items:center}.pfc-section-heading[data-align=left]{text-align:left;justify-items:start}.pfc-section-heading__topline{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.pfc-section-heading[data-align=center] .pfc-section-heading__topline{justify-content:center}.pfc-section-heading__title{color:var(--pfc-color-text-strong);font-size:var(--pfc-font-size-headline);font-weight:700;line-height:var(--pfc-line-height-headline);letter-spacing:var(--pfc-letter-spacing-tight);text-wrap:balance;margin:0}.pfc-section-heading__description{max-width:60ch;color:var(--pfc-color-text);font-size:var(--pfc-font-size-body);line-height:var(--pfc-line-height-body);margin:0}.pfc-design-card{border:1px solid var(--pfc-color-border);border-radius:var(--pfc-radius-md);background:var(--pfc-color-surface-card);box-shadow:var(--pfc-shadow-sm);color:var(--pfc-color-text);transition:transform var(--pfc-duration-normal)var(--pfc-ease-standard),box-shadow var(--pfc-duration-normal)var(--pfc-ease-standard),border-color var(--pfc-duration-normal)var(--pfc-ease-standard),background-color var(--pfc-duration-normal)var(--pfc-ease-standard);gap:1rem;display:grid;position:relative;overflow:hidden}.pfc-design-card[data-padding=md]{padding:1.25rem}.pfc-design-card[data-padding=lg]{padding:1.5rem}.pfc-design-card[data-hoverable=true]:hover{border-color:var(--pfc-color-border-strong);box-shadow:var(--pfc-shadow-md);transform:translateY(-4px)}.pfc-design-card[data-tone=accent]:before{content:"";background:linear-gradient(90deg,var(--pfc-color-brand),var(--pfc-color-brand-alpha-24));width:100%;height:4px;position:absolute;inset:0 auto auto 0}.pfc-design-card[data-tone=glass]{background:linear-gradient(180deg,var(--pfc-color-surface-glass-top),var(--pfc-color-surface-glass-bottom)),var(--pfc-color-surface-glass);-webkit-backdrop-filter:blur(18px)}.dark .pfc-design-card[data-tone=glass]{background:linear-gradient(180deg,var(--pfc-color-surface-glass-top),var(--pfc-color-surface-glass-bottom)),var(--pfc-color-surface-glass)}.pfc-design-card__header,.pfc-design-card__footer{gap:.45rem;display:grid}.pfc-design-card__title{color:var(--pfc-color-text-strong);font-size:var(--pfc-font-size-title);font-weight:600;line-height:var(--pfc-line-height-title);letter-spacing:var(--pfc-letter-spacing-default);margin:0}.pfc-design-card__description{color:var(--pfc-color-text-soft);font-size:var(--pfc-font-size-body-sm);margin:0;line-height:1.65}.pfc-design-button{border-radius:var(--pfc-radius-pill);min-height:44px;font-family:var(--pfc-font-sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--pfc-duration-fast)var(--pfc-ease-standard),box-shadow var(--pfc-duration-fast)var(--pfc-ease-standard),background-color var(--pfc-duration-fast)var(--pfc-ease-standard),color var(--pfc-duration-fast)var(--pfc-ease-standard),border-color var(--pfc-duration-fast)var(--pfc-ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.15rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.pfc-design-button:focus-visible{box-shadow:var(--pfc-shadow-focus);outline:none}.pfc-design-button:disabled{cursor:not-allowed;opacity:.58}.pfc-design-button:not(:disabled):active{transform:translateY(1px)scale(.99)}.pfc-design-button[data-size=lg]{min-height:52px;padding:.95rem 1.4rem;font-size:1rem}.pfc-design-button[data-variant=primary]{background:linear-gradient(180deg,var(--pfc-color-brand-elevated)0%,var(--pfc-color-brand)100%);box-shadow:var(--pfc-shadow-button-primary);color:var(--pfc-color-text-inverse)}.pfc-design-button[data-variant=primary]:not(:disabled):hover{background:linear-gradient(180deg,var(--pfc-color-brand-elevated-hover)0%,var(--pfc-color-brand-strong)100%);box-shadow:var(--pfc-shadow-button-primary-hover)}.pfc-design-button[data-variant=secondary]{border-color:var(--pfc-color-brand-alpha-18);background:var(--pfc-color-surface-overlay);color:var(--pfc-color-brand-strong)}.pfc-design-button[data-variant=secondary]:not(:disabled):hover{border-color:var(--pfc-color-brand-alpha-28);background:var(--pfc-color-brand-soft)}.pfc-design-button[data-variant=ghost]{color:var(--pfc-color-text-strong);background:0 0}.pfc-design-button[data-variant=ghost]:not(:disabled):hover{background:var(--pfc-color-surface-ghost-hover)}.pfc-design-button__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pfc-design-button__label{align-items:center;gap:.375rem;display:inline-flex}.pfc-numeric{font-family:var(--pfc-font-mono);font-variant-numeric:tabular-nums}.pfc-text-soft{color:var(--pfc-color-text-soft)}.pfc-body-copy{line-height:var(--pfc-line-height-body);margin:0}.pfc-showcase{background:var(--pfc-color-surface-page);gap:1.5rem;padding:1.5rem;display:grid}.pfc-showcase__actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (max-width:640px){.pfc-section-heading__title{font-size:clamp(1.75rem,8vw,2.4rem)}.pfc-section-heading__topline{flex-direction:column;align-items:flex-start}.pfc-design-card[data-padding=lg]{padding:1.25rem}.pfc-design-button[data-size=lg]{min-height:48px;padding:.85rem 1.2rem}}@media (prefers-reduced-motion:reduce){.pfc-design-card,.pfc-design-button{transition:none}.pfc-design-card[data-hoverable=true]:hover,.pfc-design-button:not(:disabled):active{transform:none}}
