/* ==== /pricing ==================================================================================== */
.pr-hero { padding: 112px 0 64px; }
.pr-hero .eyebrow { margin-bottom: 20px; }
.pr-h { max-width: 15ch; }
.pr-lede { margin-top: 24px; }
.pr-figs { padding: 24px 0 8px; }
.pr-figrow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--ls); }
.pr-fig { display: grid; gap: 10px; align-content: start; padding: 30px 32px 30px; border-right: 1px solid var(--ls); }
.pr-fig:first-child { padding-left: 0; }
.pr-fig:last-child { border-right: 0; }
.pr-n { font-size: 42px; line-height: 1; font-weight: 500; letter-spacing: -.02em; color: var(--t1); white-space: nowrap; }
.pr-l { font-size: 16px; color: var(--t3); }
.pr-pass { margin-top: 18px; }
.pr-list { border-top: 1px solid var(--rule); }
.pr-t { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr) minmax(0, 170px); gap: 12px 40px; align-items: baseline; padding: 26px 0 25px; border-bottom: 1px solid var(--ls); }
.pr-dt { font-size: 18px; font-weight: 600; letter-spacing: -.012em; color: var(--t1); }
.pr-dd { font-size: 16px; line-height: 1.6; color: var(--t3); max-width: 62ch; }
.pr-rule { justify-self: end; font-size: 13px; color: var(--t4); white-space: nowrap; }
@media (max-width: 1100px) { .pr-n { font-size: 32px; } .pr-fig { padding: 26px 24px; } }
@media (max-width: 900px) { .pr-figrow { grid-template-columns: minmax(0, 1fr); } .pr-fig, .pr-fig:first-child { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--ls); } .pr-fig:last-child { border-bottom: 0; } }
@media (max-width: 1024px) { .pr-t { grid-template-columns: minmax(0, 1fr) auto; } .pr-dd { grid-column: 1 / -1; grid-row: 2; } .pr-rule { grid-column: 2; grid-row: 1; } }
@media (max-width: 768px) { .pr-figrow { grid-template-columns: minmax(0, 1fr); } .pr-fig, .pr-fig:first-child { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--ls); } .pr-fig:last-child { border-bottom: 0; } .pr-n { font-size: 38px; } }
@media (max-width: 640px) { .pr-hero { padding: 56px 0 40px; } .pr-t { grid-template-columns: minmax(0, 1fr); gap: 6px; } .pr-rule { grid-column: 1; grid-row: auto; justify-self: start; } .pr-dd { grid-row: auto; } }

/* ==== 404 and the preview index =================================================================== */
.nf { padding: 112px 0 168px; }
.nf-wrap > * { max-width: 760px; }
.nf .eyebrow { margin-bottom: 20px; }
.nf-h { max-width: 14ch; }
.nf-lede { margin-top: 22px; }
.nf-list { margin-top: 40px; border-top: 1px solid var(--rule); }
.nf-list li a { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr) auto; align-items: center; gap: 16px; min-height: 56px; border-bottom: 1px solid var(--ls); color: var(--t2); transition: background-color .12s var(--ease), color .12s var(--ease); padding: 0 6px; }
.nf-list li a:hover { background: rgba(var(--accent-rgb), .04); color: var(--t1); box-shadow: inset 2px 0 0 var(--accent); }
.nf-k { font-size: 14px; color: var(--t4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nf-v { font-size: 16px; }
.nf-act { margin-top: 40px; }
.st-h { margin-top: 48px; }
.st-h + .nf-list { margin-top: 12px; }
@media (max-width: 640px) { .nf { padding: 56px 0 104px; } .nf-list li a { grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px 4px; } .nf-k { grid-column: 1; } .nf-v { grid-column: 1; grid-row: 2; } .nf-list .ar { grid-column: 2; grid-row: 1 / span 2; } }