.saas-fee-hero{gap:var(--saas-space-md);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.saas-fee-hero__main,.saas-fee-hero__card{align-content:start;gap:var(--saas-space-md);padding:var(--saas-space-card);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);display:grid}.saas-fee-hero__main{background:linear-gradient(135deg, var(--saas-brand-subtle), var(--saas-bg-surface) 55%)}.saas-fee-hero__side{align-content:start;gap:var(--saas-space-md);display:grid}.saas-fee-hero__eyebrow{align-items:center;gap:var(--saas-space-xs);color:var(--saas-text-secondary);font-size:var(--saas-font-caption);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700;display:flex}.saas-fee-hero__chips{gap:var(--saas-space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.saas-fee-hero__chip{align-items:center;gap:var(--saas-space-xs);padding:var(--saas-space-2xs) var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm);font-weight:600;display:inline-flex}button.saas-fee-hero__chip{cursor:pointer;transition:border-color var(--saas-motion-micro) var(--saas-ease-standard)}.saas-fee-hero__chip[data-tone=warning]{border-color:var(--saas-status-warning);background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-fee-hero__today{align-items:center;gap:var(--saas-space-sm);padding:var(--saas-space-sm) var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);justify-self:start;display:inline-flex}.saas-fee-hero__today>div{display:grid}.saas-fee-hero__pulse{border-radius:var(--saas-radius-full);background:var(--saas-status-success);block-size:10px;inline-size:10px;box-shadow:0 0 0 4px var(--saas-status-success-subtle)}.saas-fee-hero__today-value{font-size:var(--saas-font-title);font-variant-numeric:tabular-nums}.saas-fee-hero__muted{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm)}.saas-fee-hero__month{gap:var(--saas-space-xs);border-block-start:1px solid var(--saas-border-default);padding-block-start:var(--saas-space-md);display:grid}.saas-fee-hero__month-head{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);justify-content:space-between;align-items:baseline;display:flex}.saas-fee-hero__month-rate{color:var(--saas-text-primary);font-size:var(--saas-font-heading)}.saas-fee-hero__bar{border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);gap:2px;block-size:12px;display:flex;overflow:hidden}.saas-fee-hero__segment,.saas-fee-hero__swatch{background:var(--saas-status-success)}.saas-fee-hero__segment{flex-basis:0;min-inline-size:4px}.saas-fee-hero__segment[data-tone=warning],.saas-fee-hero__swatch[data-tone=warning]{background:var(--saas-status-warning)}.saas-fee-hero__segment[data-tone=danger],.saas-fee-hero__swatch[data-tone=danger]{background:var(--saas-status-danger)}.saas-fee-hero__segment[data-tone=neutral],.saas-fee-hero__swatch[data-tone=neutral]{background:var(--saas-chart-neutral)}.saas-fee-hero__legend{gap:var(--saas-space-xs) var(--saas-space-md);color:var(--saas-text-secondary);font-size:var(--saas-font-caption);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.saas-fee-hero__legend li{align-items:center;gap:var(--saas-space-xs);display:inline-flex}.saas-fee-hero__swatch{border-radius:var(--saas-radius-full);block-size:8px;inline-size:8px}.saas-fee-hero__skeleton{border-radius:var(--saas-radius-md);background:var(--saas-bg-sunken);block-size:64px}.saas-fee-hero__summary{gap:var(--saas-space-md);padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:linear-gradient(135deg, var(--saas-accent-subtle), var(--saas-bg-surface));display:flex}.saas-fee-hero__summary-icon{border-radius:var(--saas-radius-md);background:var(--saas-accent);block-size:36px;inline-size:36px;color:var(--saas-on-accent);flex:none;place-items:center;display:grid}.saas-fee-hero__summary-body{gap:var(--saas-space-xs);min-inline-size:0;display:grid}.saas-fee-hero__summary-title{align-items:center;gap:var(--saas-space-xs);margin:0;font-weight:700;display:flex}.saas-fee-hero__live{padding:0 var(--saas-space-xs);border-radius:var(--saas-radius-full);background:var(--saas-status-success-subtle);color:var(--saas-status-success);font-size:var(--saas-font-caption)}.saas-fee-hero__summary-text{color:var(--saas-text-secondary);margin:0;line-height:1.6}.saas-fee-hero__summary-text strong{color:var(--saas-text-primary)}.saas-fee-hero__summary-actions{gap:var(--saas-space-xs);flex-wrap:wrap;display:flex}.saas-fee-hero__pill{align-items:center;gap:var(--saas-space-xs);min-block-size:32px;padding:0 var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-sm);background:var(--saas-bg-surface);color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm);cursor:pointer;font-weight:600;display:inline-flex}.saas-fee-hero__pill:hover,button.saas-fee-hero__chip:hover{border-color:var(--saas-brand-primary)}.saas-fee-hero__card-head{justify-content:space-between;align-items:baseline;display:flex}.saas-fee-hero__card-title{font-size:var(--saas-font-heading);margin:0}.saas-fee-upcoming{margin:0;padding:0;list-style:none;display:grid}.saas-fee-upcoming li+li{border-block-start:1px solid var(--saas-border-default)}.saas-fee-upcoming__row{align-items:center;gap:var(--saas-space-md);inline-size:100%;padding:var(--saas-space-sm) 0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.saas-fee-upcoming__row:hover .saas-fee-upcoming__what strong{color:var(--saas-brand-primary)}.saas-fee-upcoming__date{inline-size:46px;padding-block:var(--saas-space-2xs);border-radius:var(--saas-radius-md);background:var(--saas-tint-blue-bg);color:var(--saas-tint-blue-fg);font-size:var(--saas-font-caption);flex:none;place-items:center;font-weight:600;line-height:1.2;display:grid}.saas-fee-upcoming__date strong{font-size:var(--saas-font-heading)}.saas-fee-upcoming__date[data-tone=danger]{background:var(--saas-tint-red-bg);color:var(--saas-tint-red-fg)}.saas-fee-upcoming__date[data-tone=warning]{background:var(--saas-tint-yellow-bg);color:var(--saas-tint-yellow-fg)}.saas-fee-upcoming__what{flex:1;gap:2px;min-inline-size:0;display:grid}.saas-fee-upcoming__what strong,.saas-fee-upcoming__what span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-fee-upcoming__amount{font-variant-numeric:tabular-nums;font-weight:700}.saas-fee-quick{gap:var(--saas-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.saas-fee-quick__tile{justify-items:center;gap:var(--saas-space-xs);padding:var(--saas-space-md) var(--saas-space-xs);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm);text-align:center;cursor:pointer;transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), box-shadow var(--saas-motion-micro) var(--saas-ease-standard);font-weight:600;display:grid}.saas-fee-quick__tile:hover:not(:disabled){border-color:var(--saas-brand-primary);box-shadow:0 0 0 3px var(--saas-brand-glow)}.saas-fee-quick__tile:disabled{color:var(--saas-text-secondary);cursor:not-allowed;opacity:.6}.saas-fee-quick__icon{border-radius:var(--saas-radius-md);background:var(--saas-tint-blue-bg);block-size:36px;inline-size:36px;color:var(--saas-tint-blue-fg);place-items:center;display:grid}.saas-fee-quick__icon[data-tone=green]{background:var(--saas-tint-green-bg);color:var(--saas-tint-green-fg)}.saas-fee-quick__icon[data-tone=yellow]{background:var(--saas-tint-yellow-bg);color:var(--saas-tint-yellow-fg)}.saas-fee-quick__icon[data-tone=red]{background:var(--saas-tint-red-bg);color:var(--saas-tint-red-fg)}.saas-fee-quick__icon[data-tone=violet]{background:var(--saas-accent-subtle);color:var(--saas-accent)}.saas-fee-quick__icon[data-tone=teal]{background:var(--saas-status-info-subtle);color:var(--saas-status-info)}.saas-fee-hero__pill:focus-visible,.saas-fee-hero__chip:focus-visible,.saas-fee-upcoming__row:focus-visible,.saas-fee-quick__tile:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}@media (width<=1023px){.saas-fee-hero{grid-template-columns:minmax(0,1fr)}}@media (width<=599px){.saas-fee-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-fee-quick__tile,.saas-fee-hero__pill{min-block-size:44px}}