.piq-pr-top{border-bottom: 1px solid var(--line)}.piq-pr-top .of-wrap{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding-block: 16px;flex-wrap: wrap}.piq-pr-wordmark{display: inline-flex;align-items: center;gap: .5rem;color: var(--text);font: 600 1rem var(--display);text-decoration: none}.piq-pr-top .of-kicker,.piq-pr-top nav{margin-left: auto}.piq-pr-wordmark svg{width: 24px;height: 24px;color: var(--teal);flex: none}.piq-pr-wordmark:hover{color: var(--teal)}.piq-pr-hero{padding-block: 48px 8px;text-align: center}.piq-pr-hero h1{font: 700 clamp(1.8rem,4vw,2.6rem)/1.15 var(--display);letter-spacing: -.02em;margin: .7rem 0}.piq-pr-hero p{color: var(--dim);max-width: 640px;margin: .6rem auto}.piq-pr-toggle-row{display: flex;justify-content: center;margin-top: 18px}.piq-pr-section{margin-block: 36px}.piq-pr-section h2{font: 700 1.35rem var(--display);margin: 0 0 14px;letter-spacing: -.01em}.piq-pr-cards{--gap: 14px;display: flex;flex-wrap: wrap;justify-content: center;gap: var(--gap)}.piq-pr-cards > .of-plan{box-sizing: border-box;min-width: 0;flex: 0 0 calc((100% - (var(--n,4) - 1) * var(--gap)) / var(--n,4))}@media (max-width: 980px){.piq-pr-cards > .of-plan{flex-basis: calc((100% - var(--gap)) / 2)}}@media (max-width: 560px){.piq-pr-cards > .of-plan{flex-basis: 100%}}.piq-pr-card{justify-content: flex-start}.piq-pr-card .of-btn{margin-top: auto;width: 100%;text-decoration: none}.piq-pr-card ul{list-style: disc}.piq-pr-extra{text-align: center;margin: 0 0 18px;font-size: .95rem;color: var(--dim)}.piq-pr-compare{margin-top: 8px}@media (min-width: 981px){.piq-pr-cards{--lab: 150px;padding-inline: var(--lab)}.piq-pr-compare .of-plans-wrap{--lab: 150px;padding-right: var(--lab)}.piq-pr-compare .of-plans{table-layout: fixed;width: 100%}.piq-pr-compare .of-plans th:first-child,.piq-pr-compare .of-plans td:first-child{width: var(--lab);padding-inline: 12px;font-size: .9rem}}.piq-pr-compare h2{text-align: center}.piq-pr-card.hl{border-color: var(--teal);background: rgba(16,38,58,.85);box-shadow: 0 0 0 1px var(--teal) inset,0 12px 40px -18px rgba(94,234,212,.6)}@media (max-width: 640px){.piq-pr-hero{padding-block: 32px 4px}}html[data-piq-theme="light"] .piq-pr-top{border-color: rgba(15,35,65,.11)}