.accordion-enter-active[data-v-a79cb8a4],.accordion-leave-active[data-v-a79cb8a4]{overflow:hidden;transition:all .3s ease}.accordion-enter-from[data-v-a79cb8a4],.accordion-leave-to[data-v-a79cb8a4]{max-height:0;opacity:0}.accordion-enter-to[data-v-a79cb8a4],.accordion-leave-from[data-v-a79cb8a4]{max-height:200px;opacity:1}.platform-preview-section{border-bottom:1px solid var(--cf-border)}.preview-grid{-moz-column-count:2;column-count:2;-moz-column-gap:2rem;column-gap:2rem}.preview-grid .screenshot-mockup{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:2rem}@media(max-width:768px){.preview-grid{-moz-column-count:1;column-count:1}}.screenshot-mockup{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:.75rem;overflow:hidden;transition:all .3s ease}.screenshot-mockup:hover{border-color:#ffffff26;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.mockup-header{align-items:center;background:#ffffff08;border-bottom:1px solid var(--cf-border);display:flex;gap:.75rem;padding:.75rem 1rem}.mockup-dots{display:flex;gap:.375rem}.mockup-dots span{background:#fff3;border-radius:50%;height:.75rem;width:.75rem}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:var(--cf-accent)}.mockup-title{color:var(--cf-text-muted);font-size:.8125rem;font-weight:500}.screenshot-mockup img{display:block;height:auto;width:100%}