.demo-section .lead { margin-bottom: 36px; }
.facts { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 46px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.facts span { padding: 18px 22px; color: #d3d6dc; text-align: center; font-size: .93rem; }
.facts span + span { border-left: 1px solid var(--line); }

.dashboard-preview { display: block; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #05070b; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.dashboard-preview:hover, .dashboard-preview:focus-visible { border-color: rgba(245,179,53,.5); }
.dashboard-preview img { display: block; width: 100%; height: auto; }

.value-list { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1050px; margin: 48px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.value-list li { padding: 20px 18px 20px 0; border-bottom: 1px solid var(--line); color: #d4d7dd; }

.plugin-categories { border-top: 1px solid var(--line); }
.plugin-category { display: grid; grid-template-columns: minmax(320px, .85fr) 1.15fr; gap: 70px; padding: 54px 0; border-bottom: 1px solid var(--line); }
.category-heading { display: grid; grid-template-columns: 52px 1fr; gap: 22px; }
.category-heading > span { padding-top: 7px; color: var(--gold); font-size: .78rem; letter-spacing: .12em; }
.category-heading h3 { margin: 0 0 11px; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.category-heading p { margin: 0; color: var(--muted); line-height: 1.65; }
.plugin-category ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 34px; margin: 0; padding: 0; list-style: none; }
.plugin-category li { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.075); color: #d7dae0; }

.control-columns, .example-columns { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 54px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.control-columns article, .example-columns article { padding: 36px clamp(24px, 3vw, 46px); }
.control-columns article:first-child, .example-columns article:first-child { padding-left: 0; }
.control-columns article:last-child, .example-columns article:last-child { padding-right: 0; }
.control-columns article + article, .example-columns article + article { border-left: 1px solid var(--line); }
.control-columns span { color: var(--gold); font-size: .75rem; letter-spacing: .12em; }
.control-columns h3, .example-columns h3 { margin: 20px 0 12px; font-size: 1.35rem; }
.control-columns p { margin: 0; color: var(--muted); line-height: 1.65; }
.control-columns small { display: block; margin-top: 18px; color: var(--soft); line-height: 1.55; }

.setup-steps { margin: 20px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.setup-steps li { display: grid; grid-template-columns: 110px 1fr; gap: 30px; padding: 29px 0; border-bottom: 1px solid var(--line); }
.setup-steps > li > span { color: var(--gold); font-size: .8rem; letter-spacing: .15em; }
.setup-steps h3 { margin: 0 0 7px; font-size: 1.25rem; }
.setup-steps p { margin: 0; color: var(--muted); line-height: 1.55; }

.example-columns ul { margin: 0; padding: 0; list-style: none; }
.example-columns li { padding: 8px 0; color: var(--muted); }
.final-cta { padding-top: 140px; padding-bottom: 140px; text-align: center; }
.final-cta h2 { margin-right: auto; margin-left: auto; }
.final-cta > p:not(.eyebrow) { max-width: 700px; margin: 0 auto; color: var(--muted); font-size: 1.1rem; line-height: 1.65; }
.final-cta .actions { justify-content: center; }