/* Pricing shares ARIA's palette, with compact comparable capacity cards. */
#planes{--pricing-surface:var(--clay-surface,#fff);--pricing-muted:var(--clay-muted,#696573);--pricing-line:var(--clay-line,#e5e1ec);--pricing-accent:var(--clay-violet,#6552bd);padding:64px max(24px,calc((100vw - 1120px)/2));scroll-margin-top:80px}
#planes .section-heading{max-width:none;margin:0 0 28px;display:flex;gap:24px;align-items:center;text-align:left;justify-content:space-between}
#planes .section-heading h2{font-size:clamp(28px,3.3vw,42px);line-height:1.15;margin:8px 0 12px;text-wrap:balance}
#planes .section-heading .eyebrow{justify-content:flex-start;margin:0}
#planes .section-heading p:last-child{font-size:16px;margin:0;max-width:650px;color:var(--pricing-muted)}
.pricing-mascot{width:112px;height:112px;object-fit:contain;flex:none}
#planes .public-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
#planes .public-plan-grid[hidden]{display:none}
#planes .public-plan-card{padding:24px;background:var(--pricing-surface);border:1px solid var(--pricing-line);border-radius:18px;display:flex;flex-direction:column;min-width:0}
#planes .public-plan-card h3{font-size:18px;font-weight:700;letter-spacing:.6px;margin:0 0 8px}
#planes .public-plan-card>p{min-height:0;margin:0;line-height:1.5;font-size:14px}
#planes .plan-description{color:var(--pricing-muted);max-width:30ch}
#planes .plan-price{display:flex;align-items:baseline;gap:6px;margin:20px 0 16px;font-variant-numeric:tabular-nums}
#planes .plan-price strong{font-size:34px;letter-spacing:-1px;line-height:1.2;color:var(--ink)}
#planes .plan-price span{font-size:13px;color:var(--pricing-muted)}
#planes .plan-capacity{border-block:1px solid var(--pricing-line);padding:14px 0;margin:0 0 8px;font-variant-numeric:tabular-nums}
#planes .plan-capacity strong{display:block;font-size:26px;letter-spacing:-.5px;font-weight:700;color:var(--pricing-accent)}
#planes .plan-capacity span{font-size:13px;color:var(--pricing-muted)}
#planes .public-plan-card ul{margin:0 0 20px;padding:0;list-style:none}
#planes .public-plan-card li{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;padding:10px 0;border:0;font-size:13px;line-height:1.45;color:var(--pricing-muted)}
#planes .public-plan-card li strong{display:inline;font-size:14px;font-weight:650;margin:0;color:var(--ink);font-variant-numeric:tabular-nums}
#planes .plan-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:11px 14px;border-radius:10px;min-height:44px;background:var(--pricing-accent);color:#fff;font-size:14px;font-weight:600;text-align:center}
#planes .plan-cta:hover{background:#51409d}
#planes a:focus-visible,#planes button:focus-visible,#planes summary:focus-visible{outline:2px solid var(--pricing-accent);outline-offset:4px}
.pricing-demo{margin:20px 0 0;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--pricing-line)}
.pricing-demo p{font-size:13px;color:var(--pricing-muted);margin:4px 0 0;line-height:1.5}
.pricing-demo button{border:1px solid var(--pricing-line);border-radius:10px;background:var(--pricing-surface);color:var(--ink);min-height:44px;padding:10px 16px;white-space:nowrap;font-size:13px}
.pricing-definitions{margin:16px 0 0;font-size:13px;border:0;padding:0}
.pricing-definitions summary{cursor:pointer;color:var(--pricing-accent);min-height:44px;align-content:center;font-weight:600}
.pricing-definitions dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin:12px 0 0;line-height:1.5}
.pricing-definitions dt{font-weight:650;margin-bottom:4px}
.pricing-definitions dd{margin:0;color:var(--pricing-muted)}
#planes .pricing-note{margin:18px 0 0;font-size:12px;color:var(--pricing-muted);text-align:left;line-height:1.6}
#planes .plan-guide{text-align:left;padding:16px 0;color:var(--pricing-muted)}
html[data-theme=dark] #planes{--pricing-surface:var(--clay-surface,#26262c);--pricing-muted:var(--clay-muted,#c2becb);--pricing-line:var(--clay-line,#46424e);--pricing-accent:var(--clay-violet,#c5b4ff);background:var(--clay-canvas,#1d1d22);--ink:var(--clay-ink,#f5f3fa);color:var(--ink)}
html[data-theme=dark] #planes .plan-cta{background:#c5b4ff;color:#252033}html[data-theme=dark] #planes .plan-cta:hover{background:#dbcfff}
@media(max-width:800px){#planes{padding:44px 20px}#planes .public-plan-grid{grid-template-columns:1fr;gap:14px}#planes .section-heading{gap:12px}#planes .pricing-mascot{width:76px;height:76px}#planes .public-plan-card{padding:22px}#planes .plan-description{max-width:none}#planes .plan-price{margin:16px 0 12px}.pricing-definitions dl{grid-template-columns:1fr}.pricing-demo{gap:12px;align-items:flex-start}.pricing-demo button{flex:none}}
@media(prefers-reduced-motion:reduce){#planes *{animation:none!important;transition:none!important}}