[data-variant=variant-system-dark] .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;border:none;cursor:pointer;line-height:1.4}[data-variant=variant-system-dark] .btn--primary{background:var(--p-purple-500, #a855f7);color:#fff}[data-variant=variant-system-dark] .btn--primary:hover{background:var(--p-purple-600, #9333ea);color:#fff}[data-variant=variant-system-dark] .showcase--dark{display:flex;gap:40px;background:var(--p-slate-800, #1e293b);padding:32px;border-radius:18px;margin-bottom:24px}[data-variant=variant-system-dark] .showcase--dark .showcase__content{flex:1;width:100%}[data-variant=variant-system-dark] .showcase--dark .showcase__title{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3}[data-variant=variant-system-dark] .showcase--dark .showcase__desc{font-size:16px;color:var(--p-slate-300, #cbd5e1);line-height:1.6;margin:0 0 20px}[data-variant=variant-system-dark] .showcase--dark .showcase__desc p{margin:0 0 8px}[data-variant=variant-system-dark] .showcase--dark .showcase__media{flex:1}[data-variant=variant-system-dark] .showcase--dark .showcase__figure{margin:0}[data-variant=variant-system-dark] .showcase--dark .showcase__figure img{width:100%;border-radius:12px;box-shadow:0 4px 24px #0003}[data-variant=variant-system-dark] .showcase--dark .showcase__figure figcaption{font-size:13px;color:var(--p-slate-400, #94a3b8);margin-top:8px;text-align:center}[data-variant=variant-system-dark] .showcase--dark .showcase__placeholder{background:var(--p-slate-700, #334155);border:1px solid var(--p-slate-600, #475569);border-radius:12px;padding:80px 32px;text-align:center;color:var(--p-slate-400, #94a3b8);font-size:14px}@media(max-width:768px){[data-variant=variant-system-dark] .showcase--dark{flex-direction:column}}