.showcase[data-astro-cid-b6zw2s2h]{padding:80px 0;border-bottom:1px solid var(--border)}.showcase[data-astro-cid-b6zw2s2h]:last-of-type{border-bottom:none}.showcase-inner[data-astro-cid-b6zw2s2h]{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.showcase-reverse[data-astro-cid-b6zw2s2h] .showcase-inner[data-astro-cid-b6zw2s2h]{direction:rtl}.showcase-reverse[data-astro-cid-b6zw2s2h] .showcase-inner[data-astro-cid-b6zw2s2h]>[data-astro-cid-b6zw2s2h]{direction:ltr}.showcase-badge[data-astro-cid-b6zw2s2h]{display:inline-block;padding:4px 12px;border-radius:100px;background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px;border:1px solid rgba(99,102,241,.2)}.showcase-title[data-astro-cid-b6zw2s2h]{font-size:clamp(24px,2.5vw,32px);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:12px}.showcase-desc[data-astro-cid-b6zw2s2h]{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.showcase-bullets[data-astro-cid-b6zw2s2h]{list-style:none;padding:0}.showcase-bullets[data-astro-cid-b6zw2s2h] li[data-astro-cid-b6zw2s2h]{padding:6px 0;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.showcase-bullets[data-astro-cid-b6zw2s2h] li[data-astro-cid-b6zw2s2h]:before{content:"✓";color:#4ade80;font-weight:700;flex-shrink:0}.showcase-visual[data-astro-cid-b6zw2s2h]{position:relative}@media (max-width: 768px){.showcase-inner[data-astro-cid-b6zw2s2h]{grid-template-columns:1fr;gap:32px}.showcase-reverse[data-astro-cid-b6zw2s2h] .showcase-inner[data-astro-cid-b6zw2s2h]{direction:ltr}}.showcases-section[data-astro-cid-j7pv25f6]{border-top:1px solid var(--border);max-width:1100px;margin:0 auto;padding:0 24px}.demo-mock[data-astro-cid-j7pv25f6]{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;box-shadow:0 16px 48px #0006}.di-page[data-astro-cid-j7pv25f6]{padding:20px;display:flex;flex-direction:column;gap:12px}.di-element[data-astro-cid-j7pv25f6]{border-radius:8px;position:relative}.di-el-1[data-astro-cid-j7pv25f6]{height:28px;background:var(--bg-elevated)}.di-el-2[data-astro-cid-j7pv25f6]{height:120px;background:#6366f10f;border:1px solid rgba(99,102,241,.15);position:relative}.di-el-3[data-astro-cid-j7pv25f6]{height:40px;background:var(--bg-elevated)}.di-cursor[data-astro-cid-j7pv25f6]{position:absolute;top:30px;left:60px;width:14px;height:14px;border:2px solid var(--accent);border-radius:50%;animation:pulse-cursor 2s ease-in-out infinite}.di-overlay[data-astro-cid-j7pv25f6]{position:absolute;inset:0;animation:fade-overlay 2s ease-in-out infinite}.di-margin-box[data-astro-cid-j7pv25f6]{position:absolute;inset:-8px;border:2px dashed rgba(251,146,60,.5);border-radius:12px}.di-padding-box[data-astro-cid-j7pv25f6]{position:absolute;inset:0;border:2px solid rgba(74,222,128,.4);border-radius:8px}.di-content-box[data-astro-cid-j7pv25f6]{position:absolute;inset:8px;background:#60a5fa14;border-radius:4px}.di-tooltip[data-astro-cid-j7pv25f6]{position:absolute;top:-72px;right:12px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;min-width:160px;box-shadow:0 8px 24px #0000004d;animation:slide-in-tooltip .5s ease-out both}.di-tooltip-row[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;gap:16px;font-size:11px;font-family:monospace;padding:2px 0}.di-tooltip-row[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:first-child{color:var(--text-muted)}.di-tooltip-row[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:last-child{color:var(--text)}@keyframes pulse-cursor{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes fade-overlay{0%,to{opacity:1}50%{opacity:.7}}@keyframes slide-in-tooltip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dc-header[data-astro-cid-j7pv25f6]{display:flex;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border)}.dc-tab[data-astro-cid-j7pv25f6]{padding:4px 12px;font-size:12px;border-radius:6px;color:var(--text-muted)}.dc-tab-active[data-astro-cid-j7pv25f6]{background:var(--accent-light);color:var(--accent);font-weight:600}.dc-palette[data-astro-cid-j7pv25f6]{padding:12px}.dc-swatch-row[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;transition:background .15s;animation:slide-swatch .4s ease-out both}.dc-swatch-row[data-astro-cid-j7pv25f6]:nth-child(1){animation-delay:.1s}.dc-swatch-row[data-astro-cid-j7pv25f6]:nth-child(2){animation-delay:.2s}.dc-swatch-row[data-astro-cid-j7pv25f6]:nth-child(3){animation-delay:.3s}.dc-swatch-row[data-astro-cid-j7pv25f6]:nth-child(4){animation-delay:.4s}.dc-swatch-row[data-astro-cid-j7pv25f6]:nth-child(5){animation-delay:.5s}.dc-swatch-row[data-astro-cid-j7pv25f6]:hover{background:#ffffff08}.dc-swatch[data-astro-cid-j7pv25f6]{width:28px;height:28px;border-radius:6px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.dc-info[data-astro-cid-j7pv25f6]{flex:1;display:flex;flex-direction:column;gap:1px}.dc-hex[data-astro-cid-j7pv25f6]{font-family:monospace;font-size:12px;font-weight:600}.dc-role[data-astro-cid-j7pv25f6]{font-size:11px;color:var(--text-muted)}.dc-count[data-astro-cid-j7pv25f6]{font-size:11px;color:var(--text-muted);font-family:monospace}.dc-swatch-pulse[data-astro-cid-j7pv25f6]{animation:slide-swatch .4s ease-out both,glow-swatch 2s ease-in-out infinite .6s}.dc-contrast[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--border);font-size:12px}.dc-contrast-label[data-astro-cid-j7pv25f6]{color:var(--text-muted)}.dc-contrast-pass[data-astro-cid-j7pv25f6]{color:#4ade80;font-weight:600}@keyframes slide-swatch{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes glow-swatch{0%,to{box-shadow:none}50%{box-shadow:0 0 0 2px #e945604d;border-radius:8px}}.da-header[data-astro-cid-j7pv25f6]{display:flex;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border)}.da-tab[data-astro-cid-j7pv25f6]{padding:4px 12px;font-size:12px;border-radius:6px;color:var(--text-muted)}.da-tab-active[data-astro-cid-j7pv25f6]{background:var(--accent-light);color:var(--accent);font-weight:600}.da-code[data-astro-cid-j7pv25f6]{padding:14px 16px;font-size:12px;font-family:SF Mono,JetBrains Mono,monospace;line-height:1.7}.da-line[data-astro-cid-j7pv25f6]{white-space:nowrap}.da-indent[data-astro-cid-j7pv25f6]{padding-left:20px}.da-indent-2[data-astro-cid-j7pv25f6]{padding-left:40px}.da-indent-3[data-astro-cid-j7pv25f6]{padding-left:60px}.da-indent-4[data-astro-cid-j7pv25f6]{padding-left:80px}.da-kw[data-astro-cid-j7pv25f6]{color:#c084fc}.da-fn[data-astro-cid-j7pv25f6]{color:#60a5fa}.da-name[data-astro-cid-j7pv25f6]{color:#fbbf24}.da-p[data-astro-cid-j7pv25f6]{color:var(--text-secondary)}.da-prop[data-astro-cid-j7pv25f6]{color:#fb923c}.da-tag[data-astro-cid-j7pv25f6]{color:#f87171}.da-attr[data-astro-cid-j7pv25f6]{color:#a5b4fc}.da-str[data-astro-cid-j7pv25f6]{color:#4ade80}.da-typing[data-astro-cid-j7pv25f6]{position:relative}.da-typing[data-astro-cid-j7pv25f6]:after{content:"";width:2px;height:14px;background:var(--accent);display:inline-block;margin-left:2px;animation:blink-cursor 1s step-end infinite}.da-status[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--border)}.da-ai-badge[data-astro-cid-j7pv25f6]{font-size:11px;font-weight:700;color:#c084fc;display:flex;align-items:center;gap:4px}.da-copy[data-astro-cid-j7pv25f6]{font-size:11px;color:var(--accent);font-weight:600;padding:3px 10px;border:1px solid rgba(99,102,241,.3);border-radius:6px;cursor:pointer}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.dl-tree[data-astro-cid-j7pv25f6]{padding:20px}.dl-node[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:12px;font-family:monospace;animation:slide-node .4s ease-out both}.dl-root[data-astro-cid-j7pv25f6]{background:#6366f11f;border:1px solid rgba(99,102,241,.3)}.dl-child[data-astro-cid-j7pv25f6]{background:#fb923c1a;border:1px solid rgba(251,146,60,.25);animation-delay:.15s}.dl-leaf[data-astro-cid-j7pv25f6]{background:#4ade8014;border:1px solid rgba(74,222,128,.2);animation-delay:.3s}.dl-tag[data-astro-cid-j7pv25f6]{color:#60a5fa;font-weight:700}.dl-dir[data-astro-cid-j7pv25f6]{color:#c084fc}.dl-gap[data-astro-cid-j7pv25f6]{color:var(--text-muted)}.dl-cols[data-astro-cid-j7pv25f6]{color:#fbbf24}.dl-size[data-astro-cid-j7pv25f6]{color:var(--text-muted)}.dl-branch[data-astro-cid-j7pv25f6]{width:1px;height:16px;background:var(--border-strong);margin-left:24px}.dl-children[data-astro-cid-j7pv25f6]{padding-left:16px}.dl-grandchildren[data-astro-cid-j7pv25f6]{padding-left:32px}.dl-output[data-astro-cid-j7pv25f6]{padding:10px 14px;border-top:1px solid var(--border)}.dl-output[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-size:12px;color:#4ade80}@keyframes slide-node{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}