.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.pf-hero-figure{margin:var(--space-5) 0 0;max-width:var(--max-w-wide)}.pf-hero-figure .ck-img-frame{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.pf-hero-figure img{width:100%;display:block}.pf-callout{background:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-5) 0;font-size:var(--text-m);color:var(--color-text-1);font-weight:500;line-height:1.4}.pf-callout span{color:var(--color-accent)}.pf-screenshot-full{margin:var(--space-5) 0;max-width:var(--max-w-wide)}.pf-screenshot-full .ck-img-frame{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.pf-screenshot-full img{width:100%;display:block}.pf-screenshot-full figcaption{font-size:var(--text-xs);color:var(--color-text-3);margin-top:var(--space-2);line-height:1.4}.pf-component-grid{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:1fr 1fr;display:grid}.pf-component-grid__item{margin:0}.pf-component-grid__item .ck-img-frame{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.pf-component-grid__item img{width:100%;display:block}.pf-component-grid__item figcaption{font-size:var(--text-xs);color:var(--color-text-3);margin-top:var(--space-2);line-height:1.4}.pf-skin-list{gap:var(--space-4);margin:var(--space-5) 0;flex-direction:column;display:flex}.pf-skin-card{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;display:flex}.pf-skin-card__swatch{border-radius:var(--radius-md);flex-shrink:0;width:48px;height:48px}.pf-skin-card__swatch--studio{border:1px solid var(--color-border);background:linear-gradient(135deg,#faf9f6,#f5f0e8)}.pf-skin-card__swatch--terminal{background:#0a0a0a;border:1px solid #3f9;box-shadow:inset 0 0 8px #33ff9926}.pf-skin-card__swatch--y2k{background:linear-gradient(135deg,#ff9ecf,#ffd86e,#7bffea,#c49bff) 0 0/200% 200%}.pf-skin-card__swatch--aibot{background:#faf9f6;border:1px solid #e0ddd5;position:relative}.pf-skin-card__swatch--aibot:after{content:"";background:linear-gradient(135deg,#d4a574,#c4956a);border-radius:50%;position:absolute;inset:8px}.pf-skin-card__body h3{font-size:var(--text-base);color:var(--color-text-1);margin:0 0 var(--space-1);font-weight:600}.pf-skin-card__body p{font-size:var(--text-sm);color:var(--color-text-2);margin:0;line-height:1.5}.pf-migration-comparison{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:1fr 1fr;display:grid}.pf-migration-comparison__item{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pf-migration-comparison__item h3{font-size:var(--text-sm);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3);font-weight:600}.pf-migration-comparison__item ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pf-migration-comparison__item li{font-size:var(--text-sm);color:var(--color-text-1);padding-left:var(--space-4);line-height:1.5;position:relative}.pf-migration-comparison__item li:before{content:"→";color:var(--color-accent);position:absolute;left:0}@media (max-width:560px){.pf-component-grid,.pf-migration-comparison{grid-template-columns:1fr}.pf-skin-card{flex-direction:column}.pf-skin-card__swatch{border-radius:var(--radius-sm);width:100%;height:32px}}