.demos-page{min-height:100vh;background:linear-gradient(135deg,#fafafa,#fff);padding:var(--space-2xl) var(--space-base)}.demos-container{max-width:1200px;margin:0 auto}.demos-header{text-align:center;margin-bottom:var(--space-3xl)}.demos-back{display:inline-block;padding:.5em 1em;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-base);text-decoration:none;color:var(--color-text);font-size:14px;font-weight:500;margin-bottom:var(--space-base);transition:all var(--transition-base)}.demos-back:hover{background:var(--color-text);color:#fff}.demos-header h1{font-size:44px;font-weight:700;margin-bottom:var(--space-sm)}.demos-header p{font-size:20px;color:var(--color-text-secondary)}.demos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.demo-card{background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:all var(--transition-base);cursor:pointer;display:flex;flex-direction:column}.demo-card:hover{border-color:var(--color-accent)}.demo-card--coming-soon{opacity:.7;cursor:default}.demo-card--coming-soon:hover{transform:none;box-shadow:none;border-color:var(--color-border)}.demo-card__icon{font-size:48px;margin-bottom:var(--space-base)}.demo-card h2{font-size:24px;font-weight:700;margin-bottom:var(--space-sm);text-align:left}.demo-card p{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-base);flex-grow:1}.demo-card__features{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-base)}.feature-tag{display:inline-block;padding:.35em .8em;background:var(--color-bg-alt);border-radius:var(--radius-base);font-size:12px;font-weight:600;color:var(--color-text-secondary)}.demo-card__arrow{font-size:24px;font-weight:700;color:var(--color-accent)}.demo-card__badge{display:inline-block;padding:.5em 1em;background:var(--color-accent);border-radius:var(--radius-base);font-size:14px;font-weight:600;color:var(--color-text);align-self:flex-start}.demos-info{background:#fff;border-radius:var(--radius-lg);border:2px solid var(--color-border);padding:var(--space-xl)}.demos-info h3{font-size:24px;font-weight:700;margin-bottom:var(--space-lg);text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-base);gap:var(--space-base)}.info-item{padding:var(--space-base);background:var(--color-bg-alt);border-radius:var(--radius-base)}.info-item strong{display:block;font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:.5em}.info-item p{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.5}@media (max-width:768px){.demos-header h1{font-size:32px}.demos-grid,.info-grid{grid-template-columns:1fr}}