.cf{display:flex;flex-direction:column;gap:16px}.cf-sum{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.cf-plan{font-size:17px;font-weight:600;line-height:1.3;color:var(--text)}.cf-int{font-weight:400;color:var(--text2)}.cf-billed{margin-top:2px;font-size:13px;line-height:1.4;color:var(--text3)}.cf-price{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:0 8px}.cf-was{font-size:15px;color:var(--text3);text-decoration-thickness:1.5px}.cf-now{font-size:24px;font-weight:600;line-height:1.2;color:var(--text)}.cf-per{font-size:13px;color:var(--text3)}.cf-early{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;background:var(--brand-dim);box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand2);font-size:12px;font-weight:600;white-space:nowrap}.cf-sum-r{display:flex;flex-direction:column;align-items:flex-end}.cf-trial{font-size:14px;line-height:1.5;color:var(--text2)}.cf-fields{position:relative}.cf-fields.wait{min-height:216px}.cf-frame{opacity:0;transition:opacity .2s ease}.cf-frame.on{opacity:1}.cf-skel{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:6px 12px;align-content:start}.cf-skel span{display:block;border-radius:6px;background:var(--panel2)}.cf-skel .l{height:14px;width:40%;border-radius:4px}.cf-skel .i{height:41px}.cf-skel .w{grid-column:1 / -1}.cf-skel .gap{grid-column:1 / -1;height:4px;background:none}.cf-act{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px}.cf-act .btn{justify-content:center;padding:10px 20px;font-size:15px;font-weight:600}.cf-terms{font-size:13px;line-height:1.5;color:var(--text3)}@media(max-width:559.98px){.cf-act{grid-template-columns:minmax(0,1fr)}.cf-act .cf-terms{order:-1}.cf-sum-r{align-items:flex-start}.cf-price{justify-content:flex-start}.cf-fields.wait{min-height:376px}}.cf[data-variant=terminal]{gap:12px}.cf[data-variant=terminal] .cf-sum{padding-bottom:12px}.cf[data-variant=terminal] .cf-plan{font-size:14px}.cf[data-variant=terminal] .cf-now{font-size:18px}.cf[data-variant=terminal] .cf-was{font-size:13px}.cf[data-variant=terminal] .cf-billed,.cf[data-variant=terminal] .cf-per,.cf[data-variant=terminal] .cf-terms,.cf[data-variant=terminal] .cf-trial{font-size:12.5px}.cf[data-variant=terminal] .cf-fields.wait{min-height:176px}.cf[data-variant=terminal] .cf-skel .l{height:12px}.cf[data-variant=terminal] .cf-skel .i{height:28px}.cf[data-variant=terminal] .cf-act .btn{padding:5px 14px;font-size:13px}