.hud-plan-differences{--hpd-accent: #7ad9f5;--hpd-ink: oklch(96% .006 250);--hpd-muted: oklch(76% .01 255);--hpd-rule: oklch(34% .01 260);--hpd-surface: oklch(22% .01 265);--hpd-surface-raised: oklch(23.5% .014 250);--hpd-professional-surface: oklch(25.5% .022 244);--hpd-font-body: "main-font", sans-serif;--hpd-font-label: "video", monospace;display:grid;width:min(1262px,100vw - 40px);margin:112px auto 0;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:88px;align-items:start}.hud-plan-differences .hpd-intro{min-width:0}.hud-plan-differences .hpd-heading{width:100%;min-width:0}.hud-plan-differences h2{width:100%;max-width:100%;margin:0;color:var(--hpd-ink);font-family:var(--hpd-font-body);font-size:36px;font-weight:500;line-height:1.2;overflow-wrap:anywhere;white-space:normal;text-align:left}.hud-plan-differences .hpd-description{max-width:56ch;margin:24px 0 0;color:var(--hpd-muted);font-size:16px;line-height:1.65}.hud-plan-differences .hpd-plan-groups{min-width:0;border-top:1px solid var(--hpd-rule)}.hud-plan-differences .hpd-plan-group{display:grid;grid-template-columns:minmax(180px,.52fr) minmax(0,1fr);gap:32px;padding:32px 0 36px;border-bottom:1px solid var(--hpd-rule)}.hud-plan-differences .hpd-plan-header{min-width:0}.hud-plan-differences .hpd-plan-header h3{margin:0;color:var(--hpd-ink);font-family:var(--hpd-font-body);font-size:18px;font-weight:600;line-height:1.35}.hud-plan-differences .hpd-plan-header p{margin:8px 0 0;color:var(--hpd-muted);font-size:13px;line-height:1.45}.hud-plan-differences .hpd-feature-list{min-width:0}.hud-plan-differences .hpd-feature{display:grid;min-width:0;padding:16px 0;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:start}.hud-plan-differences .hpd-feature:first-child{padding-top:0}.hud-plan-differences .hpd-feature:last-child{padding-bottom:0}.hud-plan-differences .hpd-feature h4{margin:0;color:var(--hpd-ink);font-family:var(--hpd-font-body);font-size:15px;font-weight:600;line-height:1.5}.hud-plan-differences .hpd-feature p{margin:4px 0 0;color:var(--hpd-muted);font-size:12px;line-height:1.5}.hud-plan-differences .hpd-feature .badge{align-self:start}.hud-plan-differences .hpd-feature-marker{width:5px;height:5px;margin-top:8px;border-radius:50%;background:var(--hpd-accent)}@media screen and (max-width: 1024px){.hud-plan-differences{gap:48px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.hud-plan-differences .hpd-plan-group{grid-template-columns:minmax(0,1fr);gap:24px}}@media screen and (max-width: 768px){.hud-plan-differences{width:calc(100vw - 20px);margin-top:72px;grid-template-columns:minmax(0,1fr);gap:36px}.hud-plan-differences h2{font-size:28px}.hud-plan-differences .hpd-description{margin-top:16px;font-size:15px}.hud-plan-differences .hpd-plan-group{padding:24px 0 32px;gap:24px}.hud-plan-differences .hpd-feature{padding:16px 0}.hud-plan-differences .hpd-feature .badge{grid-column:2}}.hud-plan-differences.premium-hud-plan-differences{display:block}.hud-plan-differences.premium-hud-plan-differences .hpd-intro{display:block;max-width:760px}.hud-plan-differences.premium-hud-plan-differences .hpd-description{max-width:70ch;margin:20px 0 0}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-groups{display:grid;overflow:hidden;margin-top:44px;border:1px solid var(--hpd-rule);border-radius:24px;background:var(--hpd-surface);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-group{display:flex;min-width:0;padding:36px;border:0;background:#0000;gap:32px;flex-direction:column}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-group--professional{background:var(--hpd-professional-surface)}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-group--professional .hpd-plan-header h3{color:var(--hpd-accent)}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-header{padding:0;border:0}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-header h3{font-size:20px}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-header p{margin-top:8px;font-size:14px}.hud-plan-differences.premium-hud-plan-differences .hpd-feature-list{display:grid;padding:0;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start}.hud-plan-differences.premium-hud-plan-differences .hpd-feature{padding:0}.hud-plan-differences.premium-hud-plan-differences .hpd-feature h4{font-size:15px;font-weight:500;line-height:1.45}.hud-plan-differences.premium-hud-plan-differences .hpd-feature p{font-size:13px}@media screen and (max-width: 1024px){.hud-plan-differences.premium-hud-plan-differences .hpd-plan-groups{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media screen and (max-width: 900px){.hud-plan-differences.premium-hud-plan-differences .hpd-description{max-width:62ch}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-groups{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width: 560px){.hud-plan-differences.premium-hud-plan-differences .hpd-plan-groups{margin-top:28px;border-radius:20px}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-group{padding:24px 20px 28px;gap:24px}.hud-plan-differences.premium-hud-plan-differences .hpd-plan-header h3{font-size:18px}}