.pr{--pr-ink:var(--jtext);--pr-glow:color-mix(in srgb, var(--ob-brand) 22%, transparent);--pr-glow-2:color-mix(in srgb, var(--ob-green) 12%, transparent);--pr-grid:color-mix(in srgb, var(--jtext) 7%, transparent);--pr-card-ring:color-mix(in srgb, var(--ob-brand) 55%, transparent);--pr-lift:0 1px 2px #0f11170d, 0 24px 60px -32px #0f111759}.dark .pr{--pr-glow:color-mix(in srgb, var(--ob-brand) 26%, transparent);--pr-glow-2:color-mix(in srgb, var(--ob-green) 10%, transparent);--pr-grid:#ffffff0d;--pr-lift:0 1px 2px #0006, 0 30px 70px -34px #000000e6}.pr-display{font-family:var(--font-heading-display);letter-spacing:-.025em}.pr-hero{isolation:isolate;position:relative}.pr-hero:before{content:"";z-index:-1;background:radial-gradient(60% 70% at 72% 30%, var(--pr-glow), transparent 70%), radial-gradient(40% 50% at 18% 10%, var(--pr-glow-2), transparent 70%);pointer-events:none;position:absolute;inset:0 -20vw;-webkit-mask-image:linear-gradient(#0000,#000 18% 75%,#0000);mask-image:linear-gradient(#0000,#000 18% 75%,#0000)}.pr-hero:after{content:"";z-index:-1;background-image:linear-gradient(var(--pr-grid) 1px, transparent 1px), linear-gradient(90deg, var(--pr-grid) 1px, transparent 1px);pointer-events:none;background-size:44px 44px;position:absolute;inset:0 -20vw;-webkit-mask-image:radial-gradient(55% 55% at 62% 45%,#000 15%,#0000 72%);mask-image:radial-gradient(55% 55% at 62% 45%,#000 15%,#0000 72%)}.pr-mock{background:var(--jcard);border:1px solid var(--jbd);box-shadow:var(--pr-lift);border-radius:16px}.pr-blur{filter:blur(5px);-webkit-user-select:none;user-select:none}.pr-skel{background:color-mix(in srgb, var(--jtext) 10%, transparent);border-radius:99px;height:8px;display:block}.pr-plan{border:1px solid var(--jbd);background:var(--jcard);padding-top:28px}.pr-plan-name{font-size:24px}.pr-plan-price{font-size:44px}.pr-plan-cta{border:1px solid var(--jbd);background:var(--jcard);color:var(--jtext);transition:border-color .15s,background-color .15s,transform .15s}.pr-plan-cta:hover{border-color:var(--ob-brand);background:var(--ob-brand-soft)}html:not([data-pr-ab=M]) .pr-plan[data-plan=lifetime],html[data-pr-ab=M] .pr-plan[data-plan=monthly]{background:linear-gradient(var(--jcard), var(--jcard)) padding-box, linear-gradient(150deg, var(--ob-brand), var(--pr-card-ring) 45%, var(--ob-green)) border-box;box-shadow:var(--pr-lift);border:2px solid #0000;padding-top:32px}html:not([data-pr-ab=M]) .pr-plan[data-plan=lifetime] .pr-plan-name,html[data-pr-ab=M] .pr-plan[data-plan=monthly] .pr-plan-name{font-size:28px}html:not([data-pr-ab=M]) .pr-plan[data-plan=lifetime] .pr-plan-price,html[data-pr-ab=M] .pr-plan[data-plan=monthly] .pr-plan-price{font-size:52px}html:not([data-pr-ab=M]) .pr-plan[data-plan=lifetime] .pr-plan-check,html[data-pr-ab=M] .pr-plan[data-plan=monthly] .pr-plan-check{color:var(--ob-green)}html:not([data-pr-ab=M]) .pr-plan[data-plan=lifetime] .pr-plan-cta,html[data-pr-ab=M] .pr-plan[data-plan=monthly] .pr-plan-cta{background:var(--ob-btn);color:#fff;box-shadow:0 10px 24px -12px color-mix(in srgb, var(--ob-btn) 80%, transparent);border-color:#0000}html:not([data-pr-ab=M]) .pr-plan[data-plan=lifetime] .pr-plan-cta:hover,html[data-pr-ab=M] .pr-plan[data-plan=monthly] .pr-plan-cta:hover{background:var(--ob-btn-hover);transform:translateY(-1px)}@media (min-width:1024px){html:not([data-pr-ab=M]) .pr-plan[data-plan=lifetime],html[data-pr-ab=M] .pr-plan[data-plan=monthly]{margin:-12px 0;padding-top:40px;padding-bottom:32px}}html[data-pr-ab=M] .pr-plan[data-plan=monthly]{order:-1}[data-ab-only=M]{display:none}html[data-pr-ab=M] [data-ab-only=M]{display:revert-layer}html[data-pr-ab=M] [data-ab-only=L]{display:none}.pr-cta{background:var(--ob-btn);color:#fff;box-shadow:0 10px 24px -12px color-mix(in srgb, var(--ob-btn) 80%, transparent);transition:background-color .15s,transform .15s,box-shadow .15s}.pr-cta:hover{background:var(--ob-btn-hover);transform:translateY(-1px)}.pr-faq summary{cursor:pointer;list-style:none}.pr-faq summary::-webkit-details-marker{display:none}.pr-faq summary .pr-faq-icon{transition:transform .2s}.pr-faq details[open] summary .pr-faq-icon{transform:rotate(45deg)}.pr-band{background:radial-gradient(70% 120% at 85% 0%, #3fa8cf73, transparent 60%), radial-gradient(50% 90% at 0% 100%, #16a34a38, transparent 60%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent,#0b769c) 45%, #02151d), color-mix(in srgb, var(--color-accent,#0b769c) 70%, #02151d) 55%, color-mix(in srgb, var(--color-accent,#0b769c) 80%, #02151d));color:#fff}.pr-angle{display:none}.pr-angle[data-angle=generic],html[data-pr-angle=employer] .pr-angle[data-angle=employer],html[data-pr-angle=tools] .pr-angle[data-angle=tools]{display:block}html[data-pr-angle=employer] .pr-angle[data-angle=generic],html[data-pr-angle=tools] .pr-angle[data-angle=generic]{display:none}@media (prefers-reduced-motion:no-preference){.pr-rise{animation:.6s cubic-bezier(.2,.7,.2,1) both pr-rise}.pr-rise-2{animation:.6s cubic-bezier(.2,.7,.2,1) .12s both pr-rise}.pr-float{animation:7s ease-in-out infinite pr-float}.pr-unblur{animation:5.5s ease-in-out infinite pr-unblur}}@keyframes pr-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pr-unblur{0%,30%{filter:blur(5px)}45%,85%{filter:blur()}to{filter:blur(5px)}}
