.demo-hero[data-astro-cid-prwxh6m4]{background:linear-gradient(135deg,var(--color-background-secondary) 0,var(--color-background-primary) 100%);padding:var(--space-3xl) 0;text-align:center}.demo-title[data-astro-cid-prwxh6m4]{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;font-size:var(--font-size-3xl);margin-bottom:var(--space-md);-webkit-text-fill-color:transparent}.demo-subtitle[data-astro-cid-prwxh6m4]{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.section-title[data-astro-cid-prwxh6m4]{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);position:relative}.section-title[data-astro-cid-prwxh6m4]:after{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-full);bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.section-title[data-astro-cid-prwxh6m4].text-center:after{left:50%;transform:translate(-50%)}.section-subtitle[data-astro-cid-prwxh6m4]{color:var(--color-text-secondary);margin:0 auto var(--space-xl);max-width:600px}.demo-instructions[data-astro-cid-prwxh6m4]{padding:var(--space-2xl) 0}.instructions-grid[data-astro-cid-prwxh6m4]{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-xl)}.instruction[data-astro-cid-prwxh6m4]{background-color:var(--color-background-secondary);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:transform var(--transition-normal)}.instruction[data-astro-cid-prwxh6m4]:hover{transform:translateY(-5px)}.instruction-icon[data-astro-cid-prwxh6m4]{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary) 0,var(--color-accent-secondary) 100%);border-radius:var(--radius-full);color:var(--color-background-primary);display:inline-flex;height:60px;justify-content:center;margin-bottom:var(--space-md);width:60px}.instruction[data-astro-cid-prwxh6m4] h3[data-astro-cid-prwxh6m4]{color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.instruction[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{color:var(--color-text-secondary)}.demo-cards[data-astro-cid-prwxh6m4]{background-color:var(--color-background-secondary);padding:var(--space-3xl) 0}.demo-tabs[data-astro-cid-prwxh6m4]{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl)}.tab-button[data-astro-cid-prwxh6m4]{background-color:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-normal)}.tab-button[data-astro-cid-prwxh6m4].active,.tab-button[data-astro-cid-prwxh6m4]:hover{color:var(--color-accent-primary)}.tab-button[data-astro-cid-prwxh6m4].active{border-bottom-color:var(--color-accent-primary)}.tab-pane[data-astro-cid-prwxh6m4]{display:none}.tab-pane[data-astro-cid-prwxh6m4].active{animation:fadeIn var(--transition-normal);display:block}.tab-grid[data-astro-cid-prwxh6m4]{align-items:center;display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr}.card-showcase[data-astro-cid-prwxh6m4]{display:flex;justify-content:center}.showcase-card[data-astro-cid-prwxh6m4]{transform:scale(1.1)}.card-info[data-astro-cid-prwxh6m4] h3[data-astro-cid-prwxh6m4]{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.card-info[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.card-info[data-astro-cid-prwxh6m4] h4[data-astro-cid-prwxh6m4]{color:var(--color-accent-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.card-info[data-astro-cid-prwxh6m4] ul[data-astro-cid-prwxh6m4]{list-style-type:none;margin-bottom:var(--space-lg);padding-left:var(--space-md)}.card-info[data-astro-cid-prwxh6m4] li[data-astro-cid-prwxh6m4]{color:var(--color-text-secondary);margin-bottom:var(--space-xs);padding-left:var(--space-sm);position:relative}.card-info[data-astro-cid-prwxh6m4] li[data-astro-cid-prwxh6m4]:before{color:var(--color-accent-primary);content:"•";left:-10px;position:absolute}.tier-comparison[data-astro-cid-prwxh6m4]{margin-top:var(--space-lg)}.tiers[data-astro-cid-prwxh6m4]{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:var(--space-md)}.tier[data-astro-cid-prwxh6m4]{background-color:#ffffff0d;border-radius:var(--radius-md);padding:var(--space-md)}.tier[data-astro-cid-prwxh6m4] h5[data-astro-cid-prwxh6m4]{color:var(--color-text-primary);font-size:var(--font-size-md);margin-bottom:var(--space-sm)}.tier[data-astro-cid-prwxh6m4] ul[data-astro-cid-prwxh6m4]{margin-bottom:0;padding-left:0}.tier[data-astro-cid-prwxh6m4] li[data-astro-cid-prwxh6m4]{font-size:var(--font-size-sm)}.demo-customizer[data-astro-cid-prwxh6m4]{padding:var(--space-3xl) 0}.customizer-container[data-astro-cid-prwxh6m4]{display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr;margin-top:var(--space-xl)}.customizer-controls[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--space-lg)}.control-group[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--space-xs)}.control-group[data-astro-cid-prwxh6m4] label[data-astro-cid-prwxh6m4]{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600}.customizer-input[data-astro-cid-prwxh6m4],.customizer-select[data-astro-cid-prwxh6m4]{background-color:var(--color-background-secondary);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);width:100%}.color-options[data-astro-cid-prwxh6m4]{display:flex;gap:var(--space-sm)}.color-option[data-astro-cid-prwxh6m4]{border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;height:30px;transition:all var(--transition-normal);width:30px}.color-option[data-astro-cid-prwxh6m4].active{border-color:var(--color-accent-primary);transform:scale(1.1)}.control-actions[data-astro-cid-prwxh6m4]{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.customizer-preview[data-astro-cid-prwxh6m4]{align-items:center;display:flex;justify-content:center}.preview-card[data-astro-cid-prwxh6m4]{max-width:400px;width:100%}.placeholder-card[data-astro-cid-prwxh6m4]{align-items:center;background-color:var(--color-background-secondary);border:2px dashed hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;height:250px;justify-content:center;width:100%}@media (max-width:992px){.customizer-container[data-astro-cid-prwxh6m4],.tab-grid[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}.card-showcase[data-astro-cid-prwxh6m4],.customizer-preview[data-astro-cid-prwxh6m4]{margin-bottom:var(--space-xl)}.customizer-preview[data-astro-cid-prwxh6m4]{order:-1}}@media (max-width:768px){.demo-tabs[data-astro-cid-prwxh6m4]{align-items:center;flex-direction:column}.tiers[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}}