.ps{background:var(--cnx-surface);padding:100px 20px;text-align:center}.ps-eyebrow{color:var(--ps-accent);font-size:12px;font-weight:700;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.ps-heading{color:var(--cnx-neutral-black);margin:0 auto 36px}.ps-row{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(var(--ps-count,3),1fr);margin:3% auto;max-width:1100px}.ps-card{appearance:none;background:#fff!important;border:1px solid #fff;border-radius:var(--cnx-radius)!important;cursor:pointer;font-family:inherit;height:fit-content;padding:24px;text-align:left!important;transition:border-color .15s ease,box-shadow .15s ease}.ps-card.is-active,.ps-card:hover{border-color:var(--ps-accent)}.ps-card.is-active{border-width:1.5px;box-shadow:0 4px 16px -4px rgba(0,0,0,.12)}.ps-card-heading{color:var(--cnx-neutral-black);font-size:18px;font-weight:700;margin:0 0 8px}.ps-card-text{color:var(--cnx-neutral-gray);font-size:15px;line-height:1.5;margin:0}.ps-dots{align-items:center;display:flex;height:24px;justify-content:space-between;margin:28px auto 0;max-width:1100px;position:relative}.ps-dots:before{background:var(--cnx-border);right:0}.ps-dots:after,.ps-dots:before{content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ps-dots:after{background:var(--ps-accent);transition:width .4s ease;width:0}.ps-row:has(>.ps-card:first-child.is-active)+.ps-dots:after{width:0}.ps-row:has(>.ps-card:nth-child(2).is-active)+.ps-dots:after{width:50%}.ps-row:has(>.ps-card:nth-child(3).is-active)+.ps-dots:after{width:100%}.ps-dot{background:var(--cnx-border);border-radius:50%;height:10px;position:relative;transition:background-color .2s ease,box-shadow .2s ease;width:10px;z-index:1}.ps-dot.is-active{background:var(--ps-accent);box-shadow:0 0 0 6px rgba(0,0,0,.06);box-shadow:0 0 0 6px color-mix(in srgb,var(--ps-accent) 20%,transparent)}.ps-row:has(>.ps-card:first-child:hover)+.ps-dots .ps-dot:first-child,.ps-row:has(>.ps-card:nth-child(2):hover)+.ps-dots .ps-dot:nth-child(2),.ps-row:has(>.ps-card:nth-child(3):hover)+.ps-dots .ps-dot:nth-child(3){background:var(--ps-accent);box-shadow:0 0 0 6px rgba(0,0,0,.06);box-shadow:0 0 0 6px color-mix(in srgb,var(--ps-accent) 20%,transparent)}@media (max-width:800px){.ps-row{grid-template-columns:1fr}.ps-dots{display:none}}