.plan-box{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-3);background:var(--color-bg);min-width:0}.plan-box h2{font-size:var(--type-body-lg);font-weight:600;margin:0}.plan-box p{margin:0}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.plan-muted{color:var(--color-fg-muted);font-size:var(--type-label)}.plan-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.plan-divider{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.plan-meter{display:grid;gap:var(--space-2);margin-block:var(--space-3);font-variant-numeric:tabular-nums}.plan-dialog{display:grid;gap:var(--space-4)}.plan-choices{display:grid;gap:var(--space-2)}.plan-choice{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.plan-choice[data-selected]{background:var(--color-hover);border-color:var(--color-fg)}.plan-choice>span:first-of-type{flex:1}.plan-choice small,.plan-choice span span{display:block}.plan-choice input{accent-color:var(--color-fg)}.plan-usage-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.plan-daily{display:flex;align-items:end;gap:var(--space-1);height:calc(var(--space-8) * 3)}.plan-daily span{flex:1;min-width:0;background:var(--color-fg-muted);border-radius:var(--radius-sm);height:max(1%,calc(var(--usage-share) * 100%))}.plan-usage-hint{display:block;padding:var(--space-2) var(--space-3);color:var(--color-fg-muted);font-size:var(--type-label)}@media (max-width:700px){.plan-usage-columns{grid-template-columns:1fr}.plan-box{padding:var(--space-4)}}.plan-box [role=progressbar]{background:var(--color-border)}.plan-box [role=progressbar]>div:first-child{background:var(--color-fg)}.plan-box,.plan-dialog{overflow-wrap:anywhere}.plan-choice{min-width:0;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.plan-choice[data-selected]{box-shadow:var(--shadow-panel)}.plan-choice:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.plan-choice>span{min-width:0}.plan-choice>span:last-child{text-align:end}.plan-payment-notice{display:grid;gap:var(--space-2);justify-items:start}.plan-preview-skeleton{display:grid;gap:var(--space-2);min-height:var(--space-12)}.plan-preview-skeleton span{display:block;height:var(--space-3);border-radius:var(--radius-sm);background:var(--color-border)}.plan-preview-skeleton span:last-child{width:70%}@media (max-width:420px){.plan-choice{flex-wrap:wrap}.plan-choice>span:last-child{flex-basis:100%;text-align:start;padding-inline-start:var(--space-6)}}.plan-hero{--plan-name-size:2.125rem;--plan-copy-size:.9375rem;--plan-left-size:1.25rem;--plan-card-radius:1rem;--plan-figure-size:3.75rem;--plan-hero-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-fg) 5%,transparent),0 16px 36px color-mix(in srgb,var(--color-fg) 7%,transparent);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-7);padding:var(--space-7);background:linear-gradient(120deg,var(--color-surface),var(--color-bg));box-shadow:var(--plan-hero-shadow);border-radius:var(--plan-card-radius);align-items:center}[data-theme=dark] .plan-hero{--plan-hero-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-fg) 5%,transparent),0 16px 36px color-mix(in srgb,var(--color-bg) 80%,transparent)}.plan-hero__body{display:grid;gap:var(--space-3);min-width:0}.plan-eyebrow{color:var(--color-fg-muted);font-size:var(--type-caption);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.plan-hero__heading{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.plan-hero h2{font-size:var(--plan-name-size);line-height:1.15;letter-spacing:-.03em;font-weight:650}.plan-status{display:inline-flex;flex:none}.plan-hero__facts{color:var(--color-fg-muted);font-size:var(--plan-copy-size);line-height:var(--leading-body)}.plan-hero__figure{border-inline-start:1px solid var(--color-border);padding-inline-start:var(--space-7);min-width:0}.plan-hero__notice{grid-column:1/-1}.plan-early-count{margin:0;display:grid;gap:var(--space-2)}.plan-early-count strong,.plan-remaining strong{font-size:var(--plan-figure-size);line-height:1;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-fg)}.plan-early-count figcaption{color:var(--color-fg-muted);font-size:var(--plan-copy-size);line-height:var(--leading-body)}.plan-hero__link{display:inline-block;margin-top:var(--space-2);font-size:var(--type-label);text-decoration:underline;text-underline-offset:.2em}.plan-meter{margin:0;gap:var(--space-3)}.plan-remaining{font-size:var(--plan-left-size);color:var(--color-fg-muted)}.plan-remaining strong{margin-inline-end:var(--space-2)}.plan-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:calc(-1 * var(--space-3)) 0 0}.plan-stats>div{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-bg),var(--color-surface))}.plan-stats dt{color:var(--color-fg-muted);font-size:var(--type-label)}.plan-stats dd{margin:var(--space-2) 0 0;font-size:var(--space-6);line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}.plan-people{align-content:start}.plan-people .plan-row strong{font-size:var(--type-body-lg);font-variant-numeric:tabular-nums}.plan-extras{background:linear-gradient(120deg,var(--color-surface),var(--color-bg))}.plan-extras>.plan-row>strong{font-size:var(--space-6);font-variant-numeric:tabular-nums}.plan-team-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--color-surface),var(--color-bg));color:var(--color-fg);text-decoration:none}.plan-team-line>strong,.plan-team-line__figure{font-size:var(--type-body-lg)}.plan-team-line__figure{margin-inline-start:auto;font-weight:600;font-variant-numeric:tabular-nums}@media (max-width:700px){.plan-hero{grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-5);--plan-name-size:2rem}.plan-hero__figure{border-inline-start:0;border-block-start:1px solid var(--color-border);padding-inline-start:0;padding-block-start:var(--space-5)}.plan-stats{grid-template-columns:1fr}.plan-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.plan-stats dd{margin:0}}.plan-status__pill{--plan-state-color:color-mix(in srgb,var(--color-success) 60%,var(--color-fg));min-height:var(--space-6);padding-inline:var(--space-2);color:var(--plan-state-color);background:color-mix(in srgb,var(--color-success) 12%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-success) 28%,var(--color-border));font-size:var(--type-label);font-weight:600}.plan-status__pill:before{content:"";width:var(--space-1);height:var(--space-1);border-radius:var(--radius-full);background:currentColor}.plan-status__pill[data-overdue]{--plan-state-color:color-mix(in srgb,var(--color-error) 70%,var(--color-fg));background:color-mix(in srgb,var(--color-error) 10%,var(--color-bg));border-color:color-mix(in srgb,var(--color-error) 35%,var(--color-border))}.plan-actions{flex-wrap:nowrap}.plan-actions>button{min-width:0;min-height:var(--space-7);height:auto}.plan-actions>button span{white-space:normal}.plan-daily{--plan-daily-height:5.625rem;height:var(--plan-daily-height)}@media (max-width:700px){.plan-actions>button{padding-inline:var(--space-2);flex:1 1 0;min-height:var(--space-8)}}.plan-limit{display:grid;gap:var(--space-3)}.plan-limit p{margin:0}.plan-limit__meter{padding:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:var(--color-surface)}.plan-limit__offer{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--viewer-contrast-edge,var(--color-divider));border-radius:var(--radius-sm);background:var(--viewer-contrast-fill,var(--color-surface-muted));box-shadow:var(--viewer-contrast-lift,var(--shadow-panel));color:var(--viewer-on-contrast,var(--color-fg))}.plan-limit__offer-label{font-size:var(--type-micro);opacity:.8}.plan-limit__offer strong{font-size:var(--type-page-title,1.25rem);line-height:var(--leading-tight)}@media (prefers-reduced-motion:no-preference){.plan-motion[data-motion-seen=true].plan-limit__offer{animation:plan-arrive var(--dur-enter,.24s) var(--ease-out) both;animation-delay:.16s}.plan-motion[data-motion-seen=false].plan-limit__offer{opacity:0}}.plan-chip{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3);color:var(--color-fg-muted);font-size:var(--type-label);text-decoration:none}.plan-chip:hover{color:var(--color-fg)}.plan-chip__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--space-2);min-inline-size:0}.plan-chip__top strong{color:var(--color-fg);font-weight:600}.plan-chip__bar{display:block;block-size:4px;border-radius:2px;background:var(--color-divider);overflow:hidden}.plan-chip__bar>span{display:block;block-size:100%;border-radius:inherit;background:var(--color-fg);transform-origin:left;transition:inline-size var(--dur-base,.2s) var(--ease-out)}.plan-chip[data-tone=low] .plan-chip__bar>span{background:var(--color-warning,var(--color-fg))}.plan-chip__cta{color:var(--color-fg);font-weight:600;text-decoration:underline;text-underline-offset:2px}@media (prefers-reduced-motion:no-preference){.plan-motion[data-motion-seen=false].plan-chip__bar>span{transform:scaleX(0)}.plan-motion[data-motion-seen=true].plan-chip__bar>span{animation:plan-fill var(--plan-meter-duration,.6s) var(--ease-out) both}}.plan-ready{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:center;padding:var(--space-5);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.plan-ready__badge{display:grid;place-items:center;inline-size:56px;block-size:56px;border-radius:50%;background:var(--color-fg);color:var(--color-bg,var(--color-surface))}.plan-ready h2{margin:0;font-size:var(--type-section-title,1.125rem)}.plan-ready p{margin:var(--space-1) 0 0;color:var(--color-fg-muted)}.plan-ready__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (prefers-reduced-motion:no-preference){.plan-motion[data-motion-seen=false].plan-ready{opacity:0}.plan-motion[data-motion-seen=true].plan-ready{animation:plan-arrive var(--dur-enter,.24s) var(--ease-out) both}.plan-motion[data-motion-seen=true] .plan-ready__badge{animation:plan-pop .42s cubic-bezier(.2,1.4,.4,1) .12s both}@keyframes plan-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}}@media (max-width:700px){.plan-ready{grid-template-columns:1fr;justify-items:start}}