.demo-showcase[data-astro-cid-mou6p354]{min-height:100dvh;padding-bottom:var(--space-12)}.demo-topbar[data-astro-cid-mou6p354]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--gutter);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 90%,transparent);position:sticky;top:0;z-index:var(--z-ui);backdrop-filter:blur(8px)}.back-link[data-astro-cid-mou6p354]{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-decoration:none;transition:color var(--dur-2) var(--ease-out)}.back-link[data-astro-cid-mou6p354]:hover{color:var(--color-text)}.demo-badge[data-astro-cid-mou6p354]{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.demo-hero[data-astro-cid-mou6p354],.mock-section[data-astro-cid-mou6p354],.features-section[data-astro-cid-mou6p354],.cta-section[data-astro-cid-mou6p354]{padding-block:var(--space-10) var(--space-8);max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.hero-ctas[data-astro-cid-mou6p354]{display:flex;gap:var(--space-3);flex-wrap:wrap}.mock-browser[data-astro-cid-mou6p354]{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-3)}.mock-chrome[data-astro-cid-mou6p354]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.mock-dots[data-astro-cid-mou6p354]{display:flex;gap:5px}.dot[data-astro-cid-mou6p354]{width:10px;height:10px;border-radius:50%}.dot-red[data-astro-cid-mou6p354]{background:#ff5f57}.dot-yellow[data-astro-cid-mou6p354]{background:#febc2e}.dot-green[data-astro-cid-mou6p354]{background:#28c840}.mock-url[data-astro-cid-mou6p354]{flex:1;background:var(--color-surface-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:11px}.mock-toolbar-right[data-astro-cid-mou6p354]{margin-left:auto}.mock-btn[data-astro-cid-mou6p354]{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-contrast);border:none;border-radius:var(--radius-md);font-size:11px;font-weight:600;cursor:default}.mock-content[data-astro-cid-mou6p354]{background:var(--color-bg);padding:var(--space-6);min-height:280px;position:relative}.mock-site-header[data-astro-cid-mou6p354]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-7)}.mock-logo[data-astro-cid-mou6p354]{width:80px;height:10px;background:var(--color-text-muted);border-radius:3px;opacity:.3}.mock-nav[data-astro-cid-mou6p354]{display:flex;gap:var(--space-4)}.mock-nav-item[data-astro-cid-mou6p354]{width:40px;height:8px;background:var(--color-text-muted);border-radius:3px;opacity:.2}.mock-hero-area[data-astro-cid-mou6p354]{display:flex;gap:var(--space-8);align-items:center}.mock-hero-text[data-astro-cid-mou6p354]{flex:1}.mock-line[data-astro-cid-mou6p354]{height:10px;border-radius:3px;background:var(--color-text-muted);margin-bottom:var(--space-3);opacity:.2}.mock-line-h1[data-astro-cid-mou6p354]{height:20px;width:70%;opacity:.3}.mock-line-body[data-astro-cid-mou6p354]{width:85%}.mock-line-body[data-astro-cid-mou6p354].short{width:55%}.mock-cta-row[data-astro-cid-mou6p354]{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.mock-cta-btn[data-astro-cid-mou6p354]{height:32px;width:90px;border-radius:var(--radius-md)}.mock-cta-btn[data-astro-cid-mou6p354].primary{background:var(--color-accent);opacity:.7}.mock-cta-btn[data-astro-cid-mou6p354].secondary{background:var(--color-border);opacity:.6}.mock-hero-image[data-astro-cid-mou6p354]{width:200px;height:120px;background:linear-gradient(135deg,var(--color-surface-2),var(--color-border));border-radius:var(--radius-md);flex-shrink:0;opacity:.5}.mock-comment-pin[data-astro-cid-mou6p354]{position:absolute}.pin-dot[data-astro-cid-mou6p354]{width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--color-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 40%,transparent)}.pin-bubble[data-astro-cid-mou6p354]{position:absolute;left:24px;top:-8px;background:var(--color-surface-1);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-width:180px;box-shadow:var(--shadow-2)}.pin-text[data-astro-cid-mou6p354]{font-size:12px;color:var(--color-text);margin-bottom:var(--space-1)}.pin-author[data-astro-cid-mou6p354]{font-size:10px;color:var(--color-accent);font-weight:600;font-family:JetBrains Mono,monospace}.features-grid[data-astro-cid-mou6p354]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-5)}.feature-card[data-astro-cid-mou6p354]{padding:var(--space-6)}.feature-num[data-astro-cid-mou6p354]{font-size:11px;opacity:.8}.cta-block[data-astro-cid-mou6p354]{padding:var(--space-8) var(--space-7);display:flex;flex-direction:column;align-items:flex-start}@media(max-width:600px){.mock-hero-image[data-astro-cid-mou6p354]{display:none}.mock-comment-pin[data-astro-cid-mou6p354] .pin-bubble[data-astro-cid-mou6p354]{min-width:140px}}