.saas-hero{align-items:center;gap:var(--saas-space-lg);padding:var(--saas-space-md) var(--saas-space-lg);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-xl);background:var(--saas-bg-surface);box-shadow:var(--saas-elevation-card);color:var(--saas-text-primary);font-family:var(--saas-font-family);grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);display:grid}.saas-hero__intro{gap:var(--saas-space-md);min-inline-size:0;display:grid}.saas-hero__heading{align-items:center;gap:var(--saas-space-md);display:flex}.saas-hero__badge{border-radius:var(--saas-radius-lg);background:linear-gradient(135deg, var(--saas-spotlight-green-from), var(--saas-spotlight-green-to));block-size:52px;inline-size:52px;color:var(--saas-brand-on-primary);flex:none;place-items:center;display:grid}.saas-hero__text{gap:var(--saas-space-2xs);min-inline-size:0;display:grid}.saas-hero__greeting{margin:0;font-size:22px;font-weight:700;line-height:1.25}.saas-hero__context{color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0}.saas-hero__actions{gap:var(--saas-space-sm);flex-wrap:wrap;display:flex}.saas-hero__action{align-items:center;gap:var(--saas-space-sm);min-block-size:36px;padding-inline:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);color:var(--saas-text-primary);font-size:var(--saas-font-body);transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard);font-weight:600;text-decoration:none;display:inline-flex}.saas-hero__action:hover{border-color:var(--saas-border-strong);background:var(--saas-bg-sunken)}.saas-hero__action[data-primary=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-primary);color:var(--saas-brand-on-primary)}.saas-hero__action[data-primary=true]:hover{background:var(--saas-brand-primary-hover)}.saas-hero__kpis{gap:var(--saas-space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.saas-hero__kpi{--kpi-fg:var(--saas-tint-blue-fg);--kpi-bg:var(--saas-tint-blue-bg);gap:var(--saas-space-xs);padding:var(--saas-space-md);border:1px solid color-mix(in srgb, var(--kpi-fg) 22%, var(--saas-border-default));border-radius:var(--saas-radius-lg);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--kpi-fg) 18%, transparent) 0, transparent 55%), linear-gradient(150deg, var(--kpi-bg) 0%, var(--saas-bg-surface) 80%);color:var(--saas-text-primary);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), box-shadow var(--saas-motion-micro) var(--saas-ease-standard), transform var(--saas-motion-micro) var(--saas-ease-standard);align-content:start;text-decoration:none;display:grid;position:relative;overflow:hidden}.saas-hero__kpi[data-tone=green]{--kpi-fg:var(--saas-tint-green-fg);--kpi-bg:var(--saas-tint-green-bg)}.saas-hero__kpi[data-tone=yellow]{--kpi-fg:var(--saas-tint-yellow-fg);--kpi-bg:var(--saas-tint-yellow-bg)}.saas-hero__kpi[data-tone=red]{--kpi-fg:var(--saas-tint-red-fg);--kpi-bg:var(--saas-tint-red-bg)}.saas-hero__kpi:hover{border-color:var(--kpi-fg);box-shadow:0 6px 18px color-mix(in srgb, var(--kpi-fg) 18%, transparent);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.saas-hero__kpi:hover{transform:none}}.saas-hero__kpi-top{justify-content:space-between;align-items:flex-start;gap:var(--saas-space-xs);margin-block-end:var(--saas-space-xs);display:flex}.saas-hero__kpi-icon{border-radius:var(--saas-radius-md);background:linear-gradient(135deg, var(--kpi-fg), color-mix(in srgb, var(--kpi-fg) 70%, var(--saas-text-primary)));block-size:38px;inline-size:38px;box-shadow:0 4px 10px color-mix(in srgb, var(--kpi-fg) 30%, transparent);color:var(--saas-bg-surface);place-items:center;display:grid}.saas-hero__kpi-note{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm)}.saas-hero__kpi-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.saas-hero__kpi-skeleton{border-radius:var(--saas-radius-sm);background:var(--saas-bg-sunken);block-size:24px;inline-size:70%}.saas-hero__kpi-label{font-size:var(--saas-font-body)}.saas-hero__action:focus-visible,.saas-hero__kpi:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}@media (width<=1279px){.saas-hero{grid-template-columns:minmax(0,1fr)}}@media (width<=599px){.saas-hero{padding:var(--saas-space-md)}.saas-hero__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-hero__action{min-block-size:44px}}