.demos-hero{position:relative;overflow:hidden;background-color:var(--surface-2);border-bottom:1px solid var(--line);padding-bottom:clamp(28px,4vw,46px)}.demos-hero>.wrap{position:relative;z-index:1}.demos-hero .glow-turq{inset-inline-start:-170px;top:-210px}.demos-hero .glow-lapis{inset-inline-end:-190px;bottom:-300px}.demos-hero h1{max-width:16ch;margin:6px 0 0}.demos-hero .lead{max-width:62ch;margin-top:14px}.hero-facts{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:26px;padding-top:22px;border-top:1px dashed var(--line)}.hero-facts div{display:flex;flex-direction:column;gap:3px}.hero-facts b{font-size:20px;font-weight:800;line-height:1.2}.hero-facts span{font-size:12.5px;color:var(--ink-3)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:26px;border-bottom:1px dashed var(--line)}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips .chip{cursor:pointer;font:inherit;font-size:13px;font-weight:700}.filter-chips .chip .n{opacity:.65;font-weight:700}.filter-chips .chip.is-on .n{opacity:.8}.demo-card[hidden]{display:none}.demo-card .p-thumb{appearance:none;-webkit-appearance:none;width:100%;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;border:0;border-bottom:1px solid var(--line);cursor:zoom-in}.demo-card .p-thumb:focus-visible{outline:2px solid var(--lapis-2);outline-offset:-4px}.demo-card .p-title{min-height:0;-webkit-line-clamp:2;margin:0}.demo-card .p-body{padding-bottom:13px}.demo-x{margin:0;font-size:12.8px;line-height:1.9;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.demo-card .p-foot{flex-wrap:wrap;row-gap:12px}.demo-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step-n{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--lapis-3);color:var(--lapis);font-size:14.5px;font-weight:800}.demo-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(24px,3.6vw,40px);border:1px solid var(--line);border-radius:var(--r-lg);background-color:var(--surface-2)}.demo-cta>*{position:relative;z-index:1}.demo-cta .glow-lapis{inset-inline-start:-240px;top:-280px;z-index:0}.demo-cta h2{margin:0 0 10px;font-size:clamp(20px,2.5vw,29px)}.demo-cta p{margin:0;max-width:60ch;font-size:14px;line-height:1.95;color:var(--ink-3)}.demo-cta .cta-acts{display:flex;gap:10px;flex-wrap:wrap}@media (max-width:640px){.hero-facts{gap:14px 24px}.demo-cta{padding:22px}}