.hero[data-astro-cid-opidluyl]{padding:var(--space-32) 0;background:var(--color-bg);text-align:center}.hero-inner[data-astro-cid-opidluyl]{max-width:960px;margin:0 auto;padding:0 var(--container-padding);animation:fade-in-up .6s var(--ease-out)}.hero-headline[data-astro-cid-opidluyl]{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.hero-subheadline[data-astro-cid-opidluyl]{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:400;color:var(--color-text-secondary);margin-bottom:var(--space-8)}.hero-ctas[data-astro-cid-opidluyl]{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12)}.btn-primary-lg[data-astro-cid-opidluyl]{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;color:var(--color-text-on-accent);background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-accent-sm);transition:box-shadow var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.btn-primary-lg[data-astro-cid-opidluyl]:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-accent-md)}.btn-secondary-lg[data-astro-cid-opidluyl]{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.btn-secondary-lg[data-astro-cid-opidluyl]:hover{color:var(--color-text);background:var(--color-bg-muted);border-color:var(--color-border-strong)}.hero-demo[data-astro-cid-opidluyl]{max-width:720px;margin:0 auto}.demo-window[data-astro-cid-opidluyl]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:0;box-shadow:var(--shadow-md);overflow:hidden}.demo-titlebar[data-astro-cid-opidluyl]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-muted);border-bottom:1px solid var(--color-border)}.demo-dot[data-astro-cid-opidluyl]{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-border-strong)}.demo-dot[data-astro-cid-opidluyl]:first-child{background:#ef4444}.demo-dot[data-astro-cid-opidluyl]:nth-child(2){background:#f59e0b}.demo-dot[data-astro-cid-opidluyl]:nth-child(3){background:#22c55e}.demo-filename[data-astro-cid-opidluyl]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2)}.demo-content[data-astro-cid-opidluyl]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6)}.demo-markdown[data-astro-cid-opidluyl]{flex:1;background:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--space-3);text-align:left}.demo-code[data-astro-cid-opidluyl]{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;background:none;border:none;padding:0}.line[data-astro-cid-opidluyl]{display:block}.token-comment[data-astro-cid-opidluyl]{color:var(--code-comment);font-weight:600}.token-punctuation[data-astro-cid-opidluyl]{color:var(--code-punctuation)}.token-keyword[data-astro-cid-opidluyl]{color:var(--code-keyword);font-weight:500}.token-string[data-astro-cid-opidluyl]{color:var(--code-string)}.demo-arrow[data-astro-cid-opidluyl]{flex-shrink:0;color:var(--color-text-muted);animation:pulse-arrow 2s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.demo-rendered[data-astro-cid-opidluyl]{flex:1}.demo-widget[data-astro-cid-opidluyl]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left}.widget-header[data-astro-cid-opidluyl]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.widget-icon[data-astro-cid-opidluyl]{color:var(--color-text-secondary)}.widget-title[data-astro-cid-opidluyl]{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.widget-stats[data-astro-cid-opidluyl]{display:flex;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary)}.widget-stat[data-astro-cid-opidluyl] strong[data-astro-cid-opidluyl]{color:var(--color-text);font-weight:600}.widget-bar[data-astro-cid-opidluyl]{height:4px;background:var(--color-bg-muted);border-radius:var(--radius-full);margin-bottom:var(--space-2);overflow:hidden}.widget-bar-fill[data-astro-cid-opidluyl]{height:100%;background:var(--color-accent);border-radius:var(--radius-full)}.widget-lang[data-astro-cid-opidluyl]{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:639px){.hero[data-astro-cid-opidluyl]{padding:var(--space-16) 0}.hero-headline[data-astro-cid-opidluyl]{font-size:var(--text-3xl)}.hero-subheadline[data-astro-cid-opidluyl]{font-size:var(--text-lg)}.hero-ctas[data-astro-cid-opidluyl]{flex-direction:column;align-items:center}.demo-content[data-astro-cid-opidluyl]{flex-direction:column;padding:var(--space-4)}.demo-arrow[data-astro-cid-opidluyl]{transform:rotate(90deg)}@keyframes pulse-arrow{0%,to{opacity:.4;transform:rotate(90deg) translate(0)}50%{opacity:1;transform:rotate(90deg) translate(4px)}}}@media(prefers-reduced-motion:reduce){.demo-arrow[data-astro-cid-opidluyl]{animation:none;opacity:.6}}.examples-section[data-astro-cid-xznoowvc]{padding:var(--space-24) 0;background:var(--color-bg-surface)}.examples-heading[data-astro-cid-xznoowvc]{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--color-text);text-align:center;margin-bottom:var(--space-12)}.examples-grid[data-astro-cid-xznoowvc]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1280px;margin:0 auto}.example-card[data-astro-cid-xznoowvc]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.example-card[data-astro-cid-xznoowvc]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.example-card[data-astro-cid-xznoowvc]:hover .try-btn[data-astro-cid-xznoowvc]{color:var(--color-accent-hover)}.example-code[data-astro-cid-xznoowvc]{background:var(--color-bg-muted);padding:var(--space-4) var(--space-6)}.example-code-label[data-astro-cid-xznoowvc]{display:block;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.example-snippet[data-astro-cid-xznoowvc]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--code-keyword);background:none;border:none;padding:0;word-break:break-all}.example-preview[data-astro-cid-xznoowvc]{flex:1;padding:var(--space-6);border-top:1px solid var(--color-border)}.example-preview-label[data-astro-cid-xznoowvc]{display:block;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.example-widget-placeholder[data-astro-cid-xznoowvc]{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-4)}.placeholder-shimmer[data-astro-cid-xznoowvc]{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.placeholder-line[data-astro-cid-xznoowvc]{height:10px;background:var(--color-bg-muted);border-radius:var(--radius-full);animation:shimmer 2s ease-in-out infinite;background-size:200% 100%;background-image:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-border) 50%,var(--color-bg-muted) 75%)}.placeholder-line-title[data-astro-cid-xznoowvc]{width:60%}.placeholder-line-short[data-astro-cid-xznoowvc]{width:40%}.placeholder-line-medium[data-astro-cid-xznoowvc]{width:75%}.placeholder-bar[data-astro-cid-xznoowvc]{height:6px;width:100%;background:var(--color-bg-muted);border-radius:var(--radius-full);position:relative;overflow:hidden}.placeholder-bar[data-astro-cid-xznoowvc]:after{content:"";position:absolute;top:0;left:0;height:100%;width:65%;background:var(--color-accent);border-radius:var(--radius-full);opacity:.3}.placeholder-label[data-astro-cid-xznoowvc]{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.example-footer[data-astro-cid-xznoowvc]{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.try-btn[data-astro-cid-xznoowvc]{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);text-decoration:none;padding:var(--space-1-5) 0;transition:color var(--duration-fast) var(--ease-default)}.try-btn[data-astro-cid-xznoowvc]:hover{color:var(--color-accent-hover)}@media(max-width:639px){.examples-section[data-astro-cid-xznoowvc]{padding:var(--space-16) 0}.examples-grid[data-astro-cid-xznoowvc]{grid-template-columns:1fr}}@media(min-width:640px)and (max-width:1023px){.examples-grid[data-astro-cid-xznoowvc]{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.placeholder-line[data-astro-cid-xznoowvc]{animation:none}}.wotw-section[data-astro-cid-sfladc4e]{padding:var(--space-24) 0;background:var(--color-bg)}.wotw-section[data-astro-cid-sfladc4e] .container[data-astro-cid-sfladc4e]{max-width:1280px}.wotw-badge[data-astro-cid-sfladc4e]{display:inline-flex;align-items:center;background:var(--color-accent-subtle);color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.wotw-card[data-astro-cid-sfladc4e]{display:grid;grid-template-columns:40% 60%;background:var(--color-bg);border:2px solid var(--color-accent);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);gap:var(--space-8);align-items:center}.dark .wotw-card[data-astro-cid-sfladc4e]{box-shadow:var(--glow-accent-sm)}.wotw-preview[data-astro-cid-sfladc4e]{aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--color-bg-surface);display:block;transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.wotw-preview[data-astro-cid-sfladc4e]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.wotw-preview-inner[data-astro-cid-sfladc4e]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.preview-placeholder[data-astro-cid-sfladc4e]{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.preview-chart[data-astro-cid-sfladc4e]{width:100%;height:auto}.preview-labels[data-astro-cid-sfladc4e]{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);padding:0 var(--space-2)}.wotw-content[data-astro-cid-sfladc4e]{display:flex;flex-direction:column;gap:var(--space-3)}.wotw-title-link[data-astro-cid-sfladc4e]{text-decoration:none;color:inherit}.wotw-title-link[data-astro-cid-sfladc4e]:hover .wotw-title[data-astro-cid-sfladc4e]{color:var(--color-accent)}.wotw-title[data-astro-cid-sfladc4e]{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);transition:color var(--duration-fast)}.wotw-creator[data-astro-cid-sfladc4e]{font-size:var(--text-sm);color:var(--color-text-secondary)}.wotw-creator-link[data-astro-cid-sfladc4e]{color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast)}.wotw-creator-link[data-astro-cid-sfladc4e]:hover{color:var(--color-accent);text-decoration:underline}.wotw-description[data-astro-cid-sfladc4e]{font-size:var(--text-base);color:var(--color-text);line-height:1.6}.wotw-actions[data-astro-cid-sfladc4e]{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-2)}.btn-primary-sm[data-astro-cid-sfladc4e]{display:inline-flex;align-items:center;padding:var(--space-1-5) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-on-accent);background:var(--gradient-accent);border-radius:var(--radius-md);text-decoration:none;box-shadow:var(--shadow-accent-sm);transition:box-shadow var(--duration-fast),background var(--duration-fast)}.btn-primary-sm[data-astro-cid-sfladc4e]:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-accent-md)}.btn-ghost-sm[data-astro-cid-sfladc4e]{display:inline-flex;align-items:center;padding:var(--space-1-5) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:color var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast)}.btn-ghost-sm[data-astro-cid-sfladc4e]:hover{color:var(--color-text);background:var(--color-bg-muted);border-color:var(--color-border-strong)}.btn-link-sm[data-astro-cid-sfladc4e]{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast)}.btn-link-sm[data-astro-cid-sfladc4e]:hover{color:var(--color-accent-hover)}@media(max-width:639px){.wotw-section[data-astro-cid-sfladc4e]{padding:var(--space-16) 0}.wotw-card[data-astro-cid-sfladc4e]{grid-template-columns:1fr;padding:var(--space-6)}}@media(min-width:640px)and (max-width:1023px){.wotw-card[data-astro-cid-sfladc4e]{grid-template-columns:1fr}}.gallery-section[data-astro-cid-wdcvcev7]{padding:var(--space-24) 0;background:var(--color-bg)}.gallery-heading[data-astro-cid-wdcvcev7]{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-8);text-align:center}.gallery-grid[data-astro-cid-wdcvcev7]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1280px;margin:0 auto}.widget-card[data-astro-cid-wdcvcev7]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.widget-card[data-astro-cid-wdcvcev7]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.widget-thumb[data-astro-cid-wdcvcev7]{aspect-ratio:16 / 9;background:var(--color-bg-muted);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border)}.thumb-placeholder[data-astro-cid-wdcvcev7]{color:var(--color-text-muted);opacity:.5}.widget-info[data-astro-cid-wdcvcev7]{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.widget-name[data-astro-cid-wdcvcev7]{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.widget-creator[data-astro-cid-wdcvcev7]{font-size:var(--text-xs);color:var(--color-text-secondary)}.widget-meta[data-astro-cid-wdcvcev7]{display:flex;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.meta-item[data-astro-cid-wdcvcev7]{white-space:nowrap}.gallery-cta[data-astro-cid-wdcvcev7]{text-align:center;margin-top:var(--space-8)}.view-all-link[data-astro-cid-wdcvcev7]{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:500;color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast)}.view-all-link[data-astro-cid-wdcvcev7]:hover{color:var(--color-accent-hover)}@media(max-width:639px){.gallery-section[data-astro-cid-wdcvcev7]{padding:var(--space-16) 0}.gallery-grid[data-astro-cid-wdcvcev7]{grid-template-columns:1fr}}@media(min-width:640px)and (max-width:1023px){.gallery-grid[data-astro-cid-wdcvcev7]{grid-template-columns:repeat(2,1fr)}}.hiw-section[data-astro-cid-cmgpsf2k]{padding:var(--space-24) 0;background:var(--color-bg-surface)}.hiw-heading[data-astro-cid-cmgpsf2k]{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--color-text);text-align:center;margin-bottom:var(--space-12)}.hiw-grid[data-astro-cid-cmgpsf2k]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:1280px;margin:0 auto}.step-card[data-astro-cid-cmgpsf2k]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit;transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.step-card[data-astro-cid-cmgpsf2k]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.step-number[data-astro-cid-cmgpsf2k]{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-2);line-height:1}.step-icon[data-astro-cid-cmgpsf2k]{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.step-title[data-astro-cid-cmgpsf2k]{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.step-description[data-astro-cid-cmgpsf2k]{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}@media(max-width:639px){.hiw-section[data-astro-cid-cmgpsf2k]{padding:var(--space-16) 0}.hiw-grid[data-astro-cid-cmgpsf2k]{grid-template-columns:1fr}}