.section{padding:var(--vb-space-16)0}.section-alt{background:var(--vb-color-surface-alt)}.section-heading{font-size:var(--vb-font-size-2xl);font-weight:var(--vb-font-weight-bold);text-align:center;margin-bottom:var(--vb-space-3)}.section-subheading{font-size:var(--vb-font-size-md);color:var(--vb-color-text-muted);text-align:center;max-width:36rem;margin:0 auto var(--vb-space-10);line-height:var(--vb-line-height-relaxed)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--vb-space-6);list-style:none}@media(min-width:36rem){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.features-grid{grid-template-columns:repeat(5,1fr)}}.feature-card{text-align:center;padding:var(--vb-space-6);background:var(--vb-color-surface);border-radius:var(--vb-radius-md);box-shadow:var(--vb-shadow-sm);transition:transform var(--vb-motion-normal)var(--vb-motion-ease),box-shadow var(--vb-motion-normal)var(--vb-motion-ease)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--vb-shadow-md)}.feature-icon{width:3.5rem;height:3.5rem;margin:0 auto var(--vb-space-4)}.feature-card h3{font-size:var(--vb-font-size-md);font-weight:var(--vb-font-weight-semibold);margin-bottom:var(--vb-space-2)}.feature-card p{font-size:var(--vb-font-size-sm);color:var(--vb-color-text-muted);line-height:var(--vb-line-height-relaxed)}.steps-list{display:grid;grid-template-columns:1fr;gap:var(--vb-space-8);list-style:none;counter-reset:step;max-width:48rem;margin:0 auto}.step{display:flex;align-items:flex-start;gap:var(--vb-space-4);counter-increment:step}.step::before{content:counter(step);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;background:var(--vb-color-primary);color:var(--vb-color-text-inverse);font-weight:var(--vb-font-weight-bold);font-size:var(--vb-font-size-lg);border-radius:var(--vb-radius-full)}.step h3{font-size:var(--vb-font-size-md);font-weight:var(--vb-font-weight-semibold);margin-bottom:var(--vb-space-1)}.step p{font-size:var(--vb-font-size-sm);color:var(--vb-color-text-muted);line-height:var(--vb-line-height-relaxed)}.cta-section{background:var(--vb-gradient-hero);padding:var(--vb-space-16)0;text-align:center;color:var(--vb-color-text-inverse)}.cta-section h2{font-size:var(--vb-font-size-2xl);margin-bottom:var(--vb-space-4)}.cta-section p{font-size:var(--vb-font-size-md);opacity:.9;margin-bottom:var(--vb-space-8);max-width:32rem;margin-left:auto;margin-right:auto}.discord-setup{max-width:48rem;margin:0 auto}.discord-setup ul{list-style:disc;padding-left:1.25rem;margin-top:var(--vb-space-2)}.discord-setup li{margin-bottom:var(--vb-space-1);font-size:var(--vb-font-size-sm);color:var(--vb-color-text-muted);line-height:var(--vb-line-height-relaxed)}.discord-cta{text-align:center;margin-top:var(--vb-space-10)}.step-images{display:flex;flex-wrap:wrap;gap:var(--vb-space-4);margin-top:var(--vb-space-4)}.step-screenshot{max-width:100%;height:auto;border-radius:var(--vb-radius-sm);box-shadow:var(--vb-shadow-md)}.step-images-trio{justify-content:center}.step-figure{text-align:center;margin:0}.step-figure figcaption{margin-top:var(--vb-space-2);font-size:var(--vb-font-size-sm);color:var(--vb-color-text-muted);font-weight:var(--vb-font-weight-medium)}.embed-info{max-width:48rem;margin:0 auto}.embed-info h3{font-size:var(--vb-font-size-lg);margin-bottom:var(--vb-space-2);margin-top:var(--vb-space-6)}.embed-info h3:first-child{margin-top:0}.code-block{background:var(--vb-color-purple-900);color:var(--vb-color-purple-200);padding:var(--vb-space-4);border-radius:var(--vb-radius-sm);font-family:var(--vb-font-mono);font-size:var(--vb-font-size-sm);overflow-x:auto;line-height:var(--vb-line-height-relaxed);position:relative}.code-block code{display:block;white-space:pre}.site-footer{background:var(--vb-color-primary-dark);color:var(--vb-color-text-inverse);padding:var(--vb-space-8)0}.site-footer .container{display:flex;flex-direction:column;align-items:center;gap:var(--vb-space-4);text-align:center}.footer-links{display:flex;gap:var(--vb-space-6);list-style:none}.footer-links a{color:var(--vb-color-purple-200);text-decoration:none;font-size:var(--vb-font-size-sm);transition:color var(--vb-motion-fast)var(--vb-motion-ease)}.footer-links a:hover{color:var(--vb-color-text-inverse)}.footer-copy{font-size:var(--vb-font-size-xs);color:var(--vb-color-purple-200)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}