.examples[data-v-56db72d6]{background-color:var(--color-bg);padding:var(--space-8) 0}.examples__card[data-v-56db72d6]{background-color:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;max-width:900px;margin:0 auto;transition:box-shadow var(--transition-base)}.examples__card[data-v-56db72d6]:hover{box-shadow:var(--shadow-xl)}.examples__title[data-v-56db72d6]{font-size:var(--text-2xl);margin-bottom:var(--space-6);color:var(--color-primary)}.examples__wrapper[data-v-56db72d6]{position:relative;display:flex;align-items:center;gap:var(--space-2)}.examples__arrow[data-v-56db72d6]{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-primary);background:#fff;color:var(--color-primary);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:2}.examples__arrow[data-v-56db72d6]:hover:not(:disabled){background:var(--color-primary);color:#fff}.examples__arrow[data-v-56db72d6]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.examples__arrow[data-v-56db72d6]{display:none}@media(min-width:768px){.examples__arrow[data-v-56db72d6]{display:flex}}.examples__carousel[data-v-56db72d6]{flex:1;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border-radius:var(--radius-md);background:var(--color-gray-100);padding:var(--space-4);cursor:grab;-webkit-user-select:none;user-select:none}.examples__carousel[data-v-56db72d6]::-webkit-scrollbar{display:none}.examples__carousel[data-v-56db72d6]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.examples__track[data-v-56db72d6]{display:flex;gap:var(--space-4)}.examples__item[data-v-56db72d6]{flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center;align-items:center}.examples__image-btn[data-v-56db72d6]{background:none;border:none;padding:0;cursor:pointer;transition:transform var(--transition-fast)}.examples__image-btn[data-v-56db72d6]:hover{transform:scale(1.02)}.examples__image-btn[data-v-56db72d6]:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-md)}.examples__image[data-v-56db72d6]{max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff}@media(min-width:768px){.examples__item[data-v-56db72d6]{flex:0 0 calc(50% - var(--space-2))}.examples__carousel[data-v-56db72d6]{scroll-padding:0 calc(25% - var(--space-2))}}@media(min-width:1024px){.examples__card[data-v-56db72d6]{max-width:1100px;padding:var(--space-10)}.examples__item[data-v-56db72d6]{flex:0 0 calc(33.333% - var(--space-3))}.examples__carousel[data-v-56db72d6]{scroll-padding:0 calc(16.667% - var(--space-2))}}@media(hover:none)and (pointer:coarse){.examples__carousel[data-v-56db72d6]:after{content:"";display:block;position:absolute;inset:0;pointer-events:none}}.lightbox[data-v-56db72d6]{position:fixed;inset:0;z-index:9999;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn-56db72d6 .2s ease-out}@keyframes fadeIn-56db72d6{0%{opacity:0}to{opacity:1}}.lightbox__close[data-v-56db72d6]{position:absolute;top:var(--space-4);left:var(--space-4);background:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);z-index:1}.lightbox__close[data-v-56db72d6]:hover{transform:scale(1.1)}.lightbox__image[data-v-56db72d6]{max-width:95%;max-height:95vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 0 40px #00000080}