@layer components{.pp .p-hero{text-align:center;background:linear-gradient(180deg, var(--rose-100), var(--bg) 62%);padding:112px 0 0;position:relative;overflow:hidden}.pp .p-hero:before,.pp .p-hero:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.pp .p-hero:before{background:radial-gradient(closest-side, var(--rose-200), transparent 72%);opacity:.7;width:64vw;height:64vw;top:-32vw;right:-18vw}.pp .p-hero:after{background:radial-gradient(closest-side, var(--plum-100), transparent 72%);opacity:.8;width:48vw;height:48vw;top:4vw;left:-22vw}.pp .p-hero>.container{z-index:1;position:relative}.pp .p-hero h1{letter-spacing:-.045em;max-width:14ch;margin:20px auto 0;font-size:clamp(2.75rem,1.6rem + 4.2vw,5rem);line-height:1.02}.pp .p-hero h1 .accent{color:var(--plum)}.pp .p-hero h1 .rose{color:var(--rose-700)}.pp .p-hero .lede{text-align:center;max-width:52ch;margin:24px auto 0}.pp .bill{justify-content:center;align-items:center;gap:12px;margin-top:40px;display:flex}.pp .bill .segmented{background:var(--bg-elev);box-shadow:var(--shadow-1)}.pp .bill .segmented button{height:34px;padding:0 18px}.pp .bill .segmented button.is-active{background:var(--plum);color:var(--n-0);box-shadow:0 1px 2px color-mix(in srgb, var(--plum) 30%, transparent)}.pp .bill .segmented button:focus-visible{box-shadow:var(--focus)}.pp .plans{text-align:left;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;margin-top:64px;display:grid}.pp .plan{z-index:1;border-radius:var(--r-xl);transition:transform var(--t-slow) var(--ease-out), box-shadow var(--t-slow) var(--ease-out), border-color var(--t-med);flex-direction:column;gap:24px;padding:32px;display:flex;position:relative}.pp .plan:not(.featured):hover{border-color:var(--line-strong);box-shadow:var(--shadow-3);transform:translateY(-4px)}.pp .plan .price{align-items:baseline;gap:6px;min-height:48px;display:flex}.pp .plan .amt{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:600;line-height:1;display:inline-block}.pp .plan .billed{font-size:var(--fs-sm);color:var(--fg-subtle);min-height:21px;margin-top:8px}.pp .plan ul{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin:0;padding:24px 0 0;list-style:none;display:flex}.pp .plan li{font-size:var(--fs-sm);color:var(--fg-muted);gap:10px;display:flex}.pp .plan li svg{width:16px;height:16px;color:var(--plum);flex:none;margin-top:2px}.pp .plan .btn-block{margin-top:auto}.pp .plan .head{min-height:48px}.pp .plan .head.row{align-items:flex-start}.pp .plan.featured{z-index:0;background:var(--plum);color:var(--n-0);border-color:var(--plum);box-shadow:0 0 0 1px color-mix(in srgb, var(--rose) 35%, transparent), 0 32px 56px -32px color-mix(in srgb, var(--plum) 60%, transparent);overflow:hidden}.pp .plan.featured:before{content:"";background:linear-gradient(90deg, transparent, var(--rose), transparent);height:1px;position:absolute;inset:0 0 auto}.pp .plan.featured:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--rose) 32%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;top:-220px;right:-180px}.pp .plan.featured>*{z-index:1;position:relative}.pp .plan.featured .muted,.pp .plan.featured li,.pp .plan.featured .billed{color:var(--plum-200)}.pp .plan.featured li svg{color:var(--rose)}.pp .plan.featured ul{border-color:var(--hairline-on-dark)}.pp .vat-note{font-size:var(--fs-sm);color:var(--fg-muted);justify-content:center;align-items:center;gap:8px;margin-top:48px;display:flex}.pp .vat-note svg{color:var(--plum)}.pp .trust{padding-bottom:var(--s-20);font-size:var(--fs-sm);color:var(--fg-subtle);flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:20px;display:flex}.pp .trust span{align-items:center;gap:8px;display:inline-flex}.pp .trust svg{width:16px;height:16px;color:var(--rose-700)}.pp .cmp-band{border-radius:40px 40px 0 0}.pp .cmp-wrap{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--bg-elev);box-shadow:0 40px 80px -48px color-mix(in srgb, var(--plum) 35%, transparent)}.pp .cmp{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm);table-layout:fixed}.pp .cmp col.c-feat{width:40%}.pp .cmp col.c-pro{background:var(--plum-50)}.pp .cmp thead th{z-index:2;background:var(--bg-elev);text-align:left;border-bottom:1px solid var(--line);vertical-align:bottom;padding:24px 24px 20px;font-weight:400;position:sticky;top:68px}.pp .cmp thead th.is-pro{background:var(--plum-50);box-shadow:inset 0 2px 0 var(--plum)}.pp .cmp thead th:first-child{border-top-left-radius:var(--r-xl)}.pp .cmp thead th:last-child{border-top-right-radius:var(--r-xl)}.pp .cmp thead .pn{font-weight:600;font-size:var(--fs-base);color:var(--fg);align-items:center;gap:8px;display:flex}.pp .cmp thead .pprice{color:var(--fg-subtle);font-variant-numeric:tabular-nums;margin-top:2px}.pp .cmp tbody th,.pp .cmp tbody td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 24px;font-weight:400}.pp .cmp tbody th{color:var(--fg-muted)}.pp .cmp tbody td{color:var(--fg)}.pp .cmp tr.grp th{color:var(--plum);font-weight:600;font-size:var(--fs-base);border-bottom:1px solid var(--line);background:var(--bg-elev);padding:40px 24px 12px}.pp .cmp tbody tr.grp:first-child th{padding-top:24px}.pp .cmp tbody tr:last-child th,.pp .cmp tbody tr:last-child td{border-bottom:0}.pp .cmp tbody tr:not(.grp):hover{background:var(--rose-100)}.pp .cmp .yes svg{width:16px;height:16px;color:var(--plum)}.pp .cmp .no{color:var(--fg-subtle)}.pp .cmp .sub{color:var(--fg-subtle);font-size:var(--fs-xs);margin-top:2px;display:block}.pp .addons-band{border-radius:40px;margin-inline:16px}.pp .addons{grid-template-columns:1fr 1.6fr;align-items:start;gap:64px;display:grid}.pp .addons .side{position:sticky;top:112px}.pp .addons .side h2{color:var(--n-0)}.pp .addons .side h2 .soft{color:var(--plum-200)}.pp .addons .side .eyebrow{color:var(--rose)}.pp .addons .side .lede{color:var(--plum-200)}.pp .addon-list{border-radius:var(--r-xl);background:var(--bg-elev);color:var(--fg);box-shadow:0 40px 80px -32px color-mix(in srgb, var(--n-950) 50%, transparent);overflow:hidden}.pp .addon{border-bottom:1px solid var(--line);transition:background var(--t-fast);grid-template-columns:40px 1fr auto;align-items:center;gap:16px;padding:20px 24px;display:grid}.pp .addon:last-child{border-bottom:0}.pp .addon:hover{background:var(--rose-100)}.pp .addon .ic{border-radius:var(--r-sm);background:var(--rose-100);width:40px;height:40px;color:var(--rose-700);transition:background var(--t-fast), color var(--t-fast);place-items:center;display:grid}.pp .addon:hover .ic{background:var(--plum);color:var(--n-0)}.pp .addon .ic svg{width:18px;height:18px}.pp .addon b{font-weight:500;display:block}.pp .addon .d{font-size:var(--fs-sm);color:var(--fg-muted)}.pp .addon .amt{text-align:right;white-space:nowrap}.pp .addon .amt .price{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:var(--fs-base);color:var(--plum);font-weight:500}.pp .addon .amt span:last-child{font-size:var(--fs-xs);color:var(--fg-subtle);display:block}.pp .faq-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:64px;display:grid}.pp .faq-intro{max-width:36ch}.pp .faq details{border-bottom:1px solid var(--line-strong)}.pp .faq details:first-child{border-top:1px solid var(--line-strong)}.pp .faq summary{cursor:pointer;font-weight:500;font-size:var(--fs-md);letter-spacing:-.015em;transition:color var(--t-fast);border-radius:var(--r-xs);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;list-style:none;display:flex}.pp .faq summary::-webkit-details-marker{display:none}.pp .faq summary:hover{color:var(--plum)}.pp .faq summary:focus-visible{box-shadow:var(--focus)}.pp .faq summary .pm{background:var(--rose-100);width:32px;height:32px;color:var(--rose-700);transition:transform var(--t-med) var(--ease-out), background var(--t-fast), color var(--t-fast);border-radius:50%;flex:none;place-items:center;display:grid}.pp .faq summary:hover .pm{background:var(--rose-200)}.pp .faq details[open] summary .pm{background:var(--plum);color:var(--n-0);transform:rotate(45deg)}.pp .faq .ans{color:var(--fg-muted);max-width:60ch;padding:0 48px 24px 0}.pp .faq details[open] .ans{animation:rise var(--t-med) var(--ease-out)}.pp .mail-link{color:var(--plum);text-decoration:underline;-webkit-text-decoration-color:var(--plum-200);text-decoration-color:var(--plum-200);text-underline-offset:3px;border-radius:var(--r-xs);transition:text-decoration-color var(--t-fast);font-weight:500}.pp .mail-link:hover{-webkit-text-decoration-color:var(--plum);text-decoration-color:var(--plum)}.pp .mail-link:focus-visible{box-shadow:var(--focus)}@media (max-width:960px){.pp .plans{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.pp .plan .head{min-height:0}.pp .addons,.pp .faq-grid{grid-template-columns:1fr;gap:32px}.pp .addons .side{position:static}}@media (max-width:640px){.pp .p-hero{padding-top:56px}.pp .p-hero:before{width:120vw;height:120vw;top:-60vw}.pp .p-hero:after{display:none}.pp .bill{flex-direction:column;gap:12px;margin-top:32px}.pp .plans{margin-top:40px}.pp .plan{padding:24px}.pp .plan .amt{font-size:40px}.pp .trust{padding-bottom:var(--s-16);gap:10px 20px}.pp .cmp-band{border-radius:28px 28px 0 0}.pp .cmp col.c-feat{width:34%}.pp .cmp thead th{padding:16px 8px 12px;top:60px}.pp .cmp thead th:first-child{padding-left:16px}.pp .cmp thead .pprice{display:none}.pp .cmp thead .pn{font-size:var(--fs-sm)}.pp .cmp tbody th,.pp .cmp tbody td{font-size:var(--fs-xs);padding:12px 8px}.pp .cmp tbody th{padding-left:16px}.pp .cmp tr.grp th{font-size:var(--fs-sm);padding:24px 16px 8px}.pp .cmp .sub{display:none}.pp .addons-band{border-radius:28px;margin-inline:8px}.pp .addon{grid-template-columns:1fr auto;padding:16px 20px}.pp .addon .ic{display:none}.pp .faq summary{font-size:var(--fs-base);padding:20px 0}.pp .faq .ans{padding-right:0}}}
