.demo-showcase{overflow:hidden;background:#f2f5f2}.demo-showcase-heading{max-width:780px;margin-bottom:clamp(2.5rem,6vw,5rem)}.demo-showcase-heading .section-lead{max-width:720px}.demo-showcase-list{display:grid;gap:clamp(3.5rem,8vw,7rem)}.demo-showcase-item,.demo-feature-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.demo-showcase-item:nth-child(2n) .demo-showcase-copy{order:2}.demo-showcase-item:nth-child(2n) .demo-window{order:1}.demo-status{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:#245e4f;font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.demo-status:before{width:.55rem;height:.55rem;border-radius:999px;background:#43b48a;box-shadow:0 0 0 4px #43b48a24;content:""}.demo-showcase-copy h3,.demo-feature-copy h2{margin-bottom:1rem}.demo-showcase-copy p,.demo-feature-copy p{color:#47534e}.demo-capabilities{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.35rem 0 1.5rem;padding:0;list-style:none}.demo-capabilities li{border:1px solid #ccd6d0;border-radius:999px;background:#ffffffb3;color:#26332e;font-size:.8rem;font-weight:650;line-height:1;padding:.65rem .8rem}.demo-window{position:relative;overflow:hidden;margin:0;border:1px solid #cbd5cf;border-radius:18px;background:#fff;box-shadow:0 24px 60px #182a2326}.demo-window:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid rgba(255,255,255,.72);border-radius:inherit;pointer-events:none;content:""}.demo-window img{display:block;width:100%;height:auto}.demo-window figcaption{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-feature{background:#f2f5f2}.demo-feature-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.demo-feature-copy .text-link{margin-top:.25rem}@media(max-width:900px){.demo-showcase-item,.demo-feature-grid{grid-template-columns:1fr}.demo-showcase-item:nth-child(2n) .demo-showcase-copy,.demo-showcase-item:nth-child(2n) .demo-window{order:initial}.demo-window{border-radius:14px}}@media(max-width:560px){.demo-showcase-list{gap:3.5rem}.demo-capabilities{margin-top:1.1rem}.demo-capabilities li{font-size:.74rem}.demo-window{border-radius:10px;box-shadow:0 16px 36px #182a2324}}