:root{--primary:#5e25d4;--primary-dark:#0b0f24;--ink:#0b0f24;--accent:#7c4dff;--accent-2:#a98bff;--yellow:#7c4dff;--yellow-2:#5e25d4;--yellow-pop:#00f0ff;--link:#00f0ff;--muted:#a6abcc;--muted-rgb:166,171,204;--text-dark:#0b0f24;--font-heading:'Archivo',sans-serif;--font-body:'Inter',sans-serif;--font-ui:'Inter',sans-serif;--cta-grad:linear-gradient(#7c4dff 0%,#5e25d4 100%)}
html,body{background:#0b0f24}
.demo{background:#0b0f24;padding:20px 0 70px}
.demo-head h2{font-family:var(--font-heading);font-weight:800;text-transform:none;font-size:clamp(28px,3.6vw,42px);letter-spacing:-.01em}
.demo-tag{background:transparent;color:#00f0ff;font:600 13px/1 var(--font-body);letter-spacing:.12em;padding:0;border-radius:0;margin-bottom:16px}
.demo-head p{color:#d6d9f0;font-size:18px}
.dm-copy h3{font-family:var(--font-heading);font-weight:800;text-transform:none}
.dm-copy h3 em{color:#00f0ff;font-style:normal}
.dm-copy p,.dm-copy li{color:#d6d9f0}
.dm-arrow{color:#0b0f24}
.btn-cta{color:#fff;font-family:var(--font-body);font-weight:700;text-transform:none;font-size:17px;border-radius:10px;padding:16px 28px;box-shadow:0 0 0 1px rgba(124,77,255,.6),0 10px 30px rgba(94,37,212,.45)}
.demo .dm-ofaq{background:#151c45;color:#f3f4fb;border:1px solid #26306a}
.demo .dm-ofaq-head h3{color:#f3f4fb;text-transform:none;font-weight:800}
.demo .dm-ofaq-head p,.demo .dm-ofaq-item .answer{color:#d6d9f0}
.demo .dm-ofaq-item{background:#11173a;border-color:#26306a;color:#f3f4fb}
.demo .dm-ofaq-item summary span{color:#00f0ff}
.demo .sd{background:radial-gradient(ellipse at 30% 30%,#2a1f6e,#151c45 45%,#11173a)}
.demo .sd-head{background:#11173a}
.demo .sd-logo{background:#0b0f24}
.demo .dm-ofaq-item summary,.demo .dm-ofaq-item summary *{color:#f3f4fb}
.demo .dm-ofaq-item summary span{color:#00f0ff}
.demo .demo-cta a.btn-cta,.demo-cta .btn-cta{background:linear-gradient(#7c4dff,#5e25d4)!important;color:#ffffff!important}
.demo-cta{text-align:center;margin-top:40px}