[data-variant=variant-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-dark] .btn--primary{background:var(--p-purple-500, #a855f7);color:#fff;border-radius:8px}[data-variant=variant-dark] .btn--primary:hover{background:var(--p-purple-600, #9333ea);color:#fff}[data-variant=variant-dark] .btn--ghost-light{border:1px solid rgba(255,255,255,.3);color:#fff;background:transparent}[data-variant=variant-dark] .btn--ghost-light:hover{background:#ffffff14;color:#fff}[data-variant=variant-dark] .hero--dark{background:var(--p-slate-800, #1e293b);padding:48px 32px;text-align:center;border-radius:18px;margin-bottom:24px}[data-variant=variant-dark] .hero--dark .hero__title{font-size:32px;font-weight:600;color:#fff;line-height:1.2;letter-spacing:-.64px;max-width:800px;margin:0 auto 12px}[data-variant=variant-dark] .hero--dark .hero__sub{font-size:16px;color:var(--p-slate-300, #cbd5e1);line-height:1.6;margin:0 auto 24px;max-width:800px}[data-variant=variant-dark] .hero--dark .hero__benefits{list-style:none;padding:0;margin:0 0 24px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}[data-variant=variant-dark] .hero--dark .hero__benefits li{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--p-slate-300, #cbd5e1)}[data-variant=variant-dark] .hero--dark .hero__benefits svg{flex-shrink:0}[data-variant=variant-dark] .hero--dark .hero__cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}