.content-section{margin-bottom:var(--spacing-2xl)}.content-section-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg)}@media (min-width:768px){.content-section-title{font-size:2rem}}.content-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (max-width:640px){.content-section-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (min-width:641px) and (max-width:1023px){.content-section-grid{grid-template-columns:repeat(2,1fr)}}.homepage{display:flex;flex-direction:column;min-height:100vh}.homepage-main{flex:1 1;padding:var(--spacing-lg) 0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.demo-controls{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);z-index:999;background:var(--color-background);border:2px solid var(--color-primary);padding:var(--spacing-md);box-shadow:var(--shadow-lg);max-width:280px}.demo-button,.demo-controls{border-radius:var(--border-radius)}.demo-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;font-weight:600;font-size:.875rem;margin-bottom:var(--spacing-sm);transition:var(--transition)}.demo-button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.demo-note{font-size:.75rem;color:var(--color-text-light);line-height:1.4;margin:0}@media (min-width:768px) and (max-width:1023px){.homepage-main{padding:var(--spacing-lg) 0}}@media (max-width:767px){.homepage-main{padding:var(--spacing-md) 0}.container{padding:0 var(--spacing-sm)}.demo-controls{bottom:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm);max-width:none;padding:var(--spacing-sm)}.demo-button{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}}