.sn-flex{--sn-bg:#fff;--sn-text:#222;--sn-accent:#777;--sn-button:#222;background:var(--sn-bg);color:var(--sn-text);font-family:inherit;width:100%;box-sizing:border-box}
.sn-flex *{box-sizing:border-box}
.sn-flex .sn-component{color:inherit}
.sn-flex .sn-demo-card{background:var(--sn-card,var(--sn-bg));border:1px solid color-mix(in srgb,var(--sn-accent) 24%,transparent);border-radius:18px;padding:clamp(18px,3vw,30px);margin:16px 0;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.sn-flex .sn-demo-card h2,.sn-flex .sn-demo-card h3{color:var(--sn-text);margin:0 0 12px}
.sn-flex .sn-demo-card p{line-height:1.9;margin:0 0 14px}
.sn-flex .sn-button{display:inline-block;background:var(--sn-button,var(--sn-accent));color:#fff!important;text-decoration:none;padding:11px 22px;border-radius:10px;font-weight:700}
.sn-flex .sn-eyebrow{color:var(--sn-accent);font-weight:700;letter-spacing:.02em}