.dr-demo-selector{color:#0f172a;background:radial-gradient(80% 50% at 20% 0,#e8eef5 0%,#0000 55%),radial-gradient(70% 45% at 90% 10%,#f3e9eb 0%,#0000 50%),linear-gradient(#f8fafc 0%,#eef2f6 100%);min-height:100vh;margin:0;padding:3rem 1.5rem 4rem;font-family:Segoe UI,Helvetica Neue,sans-serif}.dr-demo-selector__intro{max-width:40rem;margin:0 auto 2.5rem}.dr-demo-selector__kicker{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 .5rem;font-size:.8rem}.dr-demo-selector h1{letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:650}.dr-demo-selector__lead{color:#475569;max-width:34rem;margin:0;line-height:1.5}.dr-demo-selector__grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;max-width:56rem;margin:0 auto;padding:0;list-style:none;display:grid}.dr-demo-selector__card{min-height:9.5rem;color:inherit;border:1px solid color-mix(in srgb, var(--card-accent) 28%, #cbd5e1);border-left:4px solid var(--card-accent);background:linear-gradient(145deg, color-mix(in srgb, var(--card-soft) 88%, white) 0%, #fff 70%);flex-direction:column;gap:.45rem;padding:1.15rem 1.2rem 1.25rem;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.dr-demo-selector__card:hover,.dr-demo-selector__card:focus-visible{border-color:color-mix(in srgb, var(--card-accent) 55%, #94a3b8);outline:none;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a14}.dr-demo-selector__vertical{letter-spacing:.06em;text-transform:uppercase;color:var(--card-accent);font-size:.72rem;font-weight:650}.dr-demo-selector__name{letter-spacing:-.01em;font-size:1.1rem;font-weight:650}.dr-demo-selector__desc{color:#64748b;font-size:.9rem;line-height:1.45}