.platform-site .pf-demo-chooser{background:linear-gradient(180deg, var(--pf-panel) 0%, var(--pf-bg) 70%);padding-block:clamp(1.75rem,1.2rem + 2vw,2.75rem) clamp(2.5rem,2rem + 2vw,3.5rem)}.platform-site .pf-demo-head{gap:.4rem;margin-bottom:clamp(1.25rem,1rem + 1vw,1.75rem);display:grid}.platform-site .pf-demo-head h1{font-size:clamp(2.1rem,1.6rem + 2vw,3rem)}.platform-site .pf-demo-head .pf-lede{margin:0}.platform-site .pf-demo-ways{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.platform-site .pf-demo-ways{grid-template-columns:repeat(3,minmax(0,1fr))}}.platform-site .pf-demo-way{border:1px solid var(--pf-line);border-radius:var(--pf-radius-lg);background:var(--pf-paper);min-width:0;box-shadow:var(--pf-shadow);grid-template-rows:auto auto 1fr auto;gap:.6rem;padding:.9rem .9rem 1.1rem;display:grid}.platform-site .pf-demo-way-recommended{border-color:var(--pf-teal);box-shadow:0 0 0 1px var(--pf-teal),var(--pf-shadow-lg)}.platform-site .pf-demo-way-shot{margin-bottom:.3rem}.platform-site .pf-demo-way-title{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;display:flex}.platform-site .pf-demo-way h2{margin:0;font-size:1.2rem}.platform-site .pf-demo-badge{background:var(--pf-coral-soft);color:var(--pf-rust);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700}.platform-site .pf-demo-way p{color:var(--pf-ink-muted);overflow-wrap:anywhere;margin:0;font-size:.95rem}.platform-site .pf-demo-way .pf-button{justify-self:stretch}.platform-site .pf-demo-facts{color:var(--pf-ink-muted);text-align:center;margin:1.25rem 0 0;font-size:.9rem}.platform-site .pf-demo-close{padding-top:0}